ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示
2024-09-07 20:56:48
1、出现问题原因
一个饼图,右上方两个按钮分别为今天和本月,分别调用不同接口控制,点击则调用不同接口同时饼图绑定数据源刷新;出现此问题原因点击今日按钮有一个饼图区域形没有数据不显示,对应数据值比例都没显示,点击本月按钮时此饼图区域有数据,再次切回今日按钮时刚才没显示的饼图区域显示提示信息且值为0
2、解决办法
echarts每次初始化绘图都会创建实例
在初始化前,移除echarts.init 创建的实例echartsInstance
具体代码如下:
document.getElementById('chart的Id').removeAttribute('_echarts_instance_') // 解决饼图无数据信息(占比为0)首次加载不出来,或者切换页面后,需要强刷新才能出来的问题 // 在初始化之前 this._initPieChart(pieData)
如上,问题解决。
3、参考文档
② echarts绘制图表,切换页面后返回,无刷新数据图表不显示问题
4、附录
1、还有的同学饼图数值为0时标签应该显示如下图的但是未显示
这可能与饼图的所占区域布局有关遮住了label的显示,可调整series的radius或center属性适当调整即可,关于radius和center属性详解见下图
2、还有的同学就是不想让为0的数据显示,可以参考以下文章
以上就是ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示的介绍,做此记录,如有帮助,欢迎点赞关注收藏!
最新文章
- 配置OWASP的ModSecurity规则
- OpenERP 安装在Windows server上时间显示不对的解决办法
- centos中忘记root密码问题
- php错误处理和异常处理
- iTween visual Editor 0.6.1
- jquery判断图片是否加载完毕
- php 使用操作符
- 怎么写cookie
- Linux的NFS配置
- Java面试题[转载]
- 小P的秘籍
- Linux re
- Css3新属性:calc()
- Svn过滤
- 1、从C语言到C++
- MySQL笔记(6)---锁
- saltstack二次开发(三)
- discuz回贴通知插件实现-获取邮件内容
- 比特币pow算法介绍
- NIO高并发基础
热门文章
- C++ 一个简洁的CHECK宏
- 长度最小子数组-LeetCode209 滑动窗口
- JDK中内嵌JS引擎介绍及使用
- 【数据库】E-R图相关知识、手动自动绘制方法及工具推荐
- 【Java SE进阶】Day12 函数式接口、函数式编程(Lambda表达式)
- 想早点下班?试试Aorm库吧,更方便的进行Go数据库操作
- 解决scapy库下找不到IP,TCP模板的问题
- 未授权访问漏洞之Redis漏洞复现
- 虚假新闻检测(CADM)《Unsupervised Domain Adaptation for COVID-19 Information Service with Contrastive Adversarial Domain Mixup》
- 如何用 30s 给面试官讲清楚什么是 Session-Cookie 认证