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. 本期的教程到了这里就完结啦, 是不是很简略, 让咱们一起致力走向巅峰!