Echarts 实现多个 饼状图 动态显示

效果图

根据 Echart 的文档,并没有类似的动态的形成饼状图的例子,所以这里博主想出一个方法,使用多个饼状图共同来完成这个动态饼状图的echart。首先,我们需要用统一的一个图例来控制多个饼状图的显隐~~

控制显隐图例

接下来就是实例出多个饼状图,这里控制饼状图的位置非常重要,博主也没有找出完美的体现饼状图位置的计算方法~~

实例出饼状图
控制显隐的逻辑

整篇代码用到两个参数,startValue 和 endValue。指的是开始位置和结束位置,是自己定义的~~

startValue and endValue

你可能感兴趣的:(Echarts 实现多个 饼状图 动态显示)