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的数据

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

最新文章

  1. 配置OWASP的ModSecurity规则
  2. OpenERP 安装在Windows server上时间显示不对的解决办法
  3. centos中忘记root密码问题
  4. php错误处理和异常处理
  5. iTween visual Editor 0.6.1
  6. jquery判断图片是否加载完毕
  7. php 使用操作符
  8. 怎么写cookie
  9. Linux的NFS配置
  10. Java面试题[转载]
  11. 小P的秘籍
  12. Linux re
  13. Css3新属性:calc()
  14. Svn过滤
  15. 1、从C语言到C++
  16. MySQL笔记(6)---锁
  17. saltstack二次开发(三)
  18. discuz回贴通知插件实现-获取邮件内容
  19. 比特币pow算法介绍
  20. NIO高并发基础

热门文章

  1. C++ 一个简洁的CHECK宏
  2. 长度最小子数组-LeetCode209 滑动窗口
  3. JDK中内嵌JS引擎介绍及使用
  4. 【数据库】E-R图相关知识、手动自动绘制方法及工具推荐
  5. 【Java SE进阶】Day12 函数式接口、函数式编程(Lambda表达式)
  6. 想早点下班?试试Aorm库吧,更方便的进行Go数据库操作
  7. 解决scapy库下找不到IP,TCP模板的问题
  8. 未授权访问漏洞之Redis漏洞复现
  9. 虚假新闻检测(CADM)《Unsupervised Domain Adaptation for COVID-19 Information Service with Contrastive Adversarial Domain Mixup》
  10. 如何用 30s 给面试官讲清楚什么是 Session-Cookie 认证