dataV实现动静环形
1.开发环境 vue+element+echarts
2.电脑系统 windows10 专业版
3.在开发的过程中,咱们依据我的项目的需要,可能会实现饼图动静切换展现,怎么实现呢?
4.效果图如下:
5.在template中增加如下代码:
<dv-active-ring-chart :config="BtObj" style="width:300px;height:300px" />
6.在data下return中增加如下代码:
BtObj:{ data:[{ name: '周口', value: 55, }, { name: '南阳', value: 120, }], color:["#C23531","#0F8A61"]//示意自定义色彩值,和下面的数据是一一对应的关系 },
7.本期的教程到了这里就完结啦,是不是很简略,让咱们一起致力走向巅峰!