1、出现问题原因
一个饼图,右上方两个按钮分别为今天和本月,分别调用不同接口控制,点击则调用不同接口同时饼图绑定数据源刷新;出现此问题原因点击今日按钮有一个饼图区域形没有数据不显示,对应数据值比例都没显示,点击本月按钮时此饼图区域有数据,再次切回今日按钮时刚才没显示的饼图区域显示提示信息且值为0
2、解决办法
echarts每次初始化绘图都会创建实例
在初始化前,移除echarts.init 创建的实例echartsInstance
具体代码如下:
document.getElementById('chart的Id').removeAttribute('_echarts_instance_') // 解决饼图无数据信息(占比为0)首次加载不出来,或者切换页面后,需要强刷新才能出来的问题 // 在初始化之前 this._initPieChart(pieData)
如上,问题解决。
3、参考文档
① echarts重新加载数据没有绘出图
② echarts绘制图表,切换页面后返回,无刷新数据图表不显示问题
4、附录
1、还有的同学饼图数值为0时标签应该显示如下图的但是未显示
这可能与饼图的所占区域布局有关遮住了label的显示,可调整series的radius或center属性适当调整即可,关于radius和center属性详解见下图
2、还有的同学就是不想让为0的数据显示,可以参考以下文章
解决echarts饼图不显示数据为0的数据