ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示
  TEZNKK3IfmPf 14天前 25 0

一个饼图,右上方两个按钮分别为今天和本月,分别调用不同接口控制,点击则调用不同接口同时饼图绑定数据源刷新;出现此问题原因点击今日按钮有一个饼图区域形没有数据不显示,对应数据值比例都没显示,点击本月按钮时此饼图区域有数据,再次切回今日按钮时刚才没显示的饼图区域显示提示信息且值为0

2、解决办法

echarts每次初始化绘图都会创建实例

ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示

 在初始化前,移除echarts.init 创建的实例echartsInstance

ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示

具体代码如下:

document.getElementById('chart的Id').removeAttribute('_echarts_instance_') // 解决饼图无数据信息(占比为0)首次加载不出来,或者切换页面后,需要强刷新才能出来的问题 // 在初始化之前 this._initPieChart(pieData)

 

 如上,问题解决。

3、参考文档

① ​​echarts重新加载数据没有绘出图​​

② ​​echarts绘制图表,切换页面后返回,无刷新数据图表不显示问题​​

4、附录

1、还有的同学饼图数值为0时标签应该显示如下图的但是未显示

ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示

这可能与饼图的所占区域布局有关遮住了label的显示,可调整series的radius或center属性适当调整即可,关于radius和center属性详解见下图

ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示

 2、还有的同学就是不想让为0的数据显示,可以参考以下文章

​​解决echarts饼图不显示数据为0的数据​​

以上就是ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示的介绍,做此记录,如有帮助,欢迎点赞关注收藏! 

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 14天前 0

暂无评论

推荐阅读
TEZNKK3IfmPf