echarts饼图(带动画效果)下面附有源码
实现思路
1、外围圆环运用仪表盘gauge,设置仪表盘的起始角度“startAngle”,和终止角度“endAngle”,设置仪表盘最小值“min”和最大值“max”属性来确定仪表盘数值大小, 隐藏仪表盘指针‘pointer’,隐藏detail,设置仪表盘外维宽度和颜色“axisLine”,隐藏刻度“axisTick”,设置进度条progress属性,隐藏刻度标签“axisLabel”,itemStyle属性设置渐变色
2、中间旋转的轮毂也是运用仪表盘来制作的,将仪表盘其他属性隐藏只保留刻度线,给刻度线添加阴影,动态修改角度就能实现旋转效果。
3、发光线是运用pie类型来实现,修改data中的值的大小,和itemStyle样式来实现发光线。
4、中间的球也是运动pie类型实现,修改itemStyle颜色改为径向渐变就可以了
示例代码
<!