亲测有效,echarts刷新图表,清空图表数据
最近在⽤echarts进⾏前台图表展⽰,发现每次加载如果数据不变,则图表不变化,因此进⾏了⼀些尝试。
⾸先,简要说⼀下我理解的echarts:
1、引⼊echarts的js⽂件;
2、通过var ElementById("id")获取div对象,然后在此div中填图表数据,理解这个就很清楚的知道怎么在⼀个页⾯中放⼊多个图表了;
3、获取div对象后可以通过var myEchart=echarts.init(mychartDiv)初始化echarts实例;
4、通过veAttribute("_echarts_instance_");在每次清空后重新加载;(本节标题的重点)
6、最后,通过前⾯得到的实例通过myEchart.setOption(echartOption,true);即可显⽰图表。
看到这⼉如果还出现没有清空图表的情况,可以在
通过$("#id")).empty()⽅法在加载echarts前对div 进⾏清空,
或者ElementById('id').innerHTML = "",
或者$('#id').html("");
这样就可以完美解决问题。
=========================我是分隔符==========================
如果到现在你还没有看懂,总结2步:
1、清空图表所在的div,js代码是ElementById('bigDiv').innerHTML = "";
2、在echarts.ElementById("id"))前增加代码ElementById("id").removeAttribute("_echarts_instance_");
如果有疑问欢迎留⾔。
效果图如下:
更改前,如果数据加载失败图表仍在:
更改后,如果加载失败图表也消失:
下⾯是正常情况下的图表:setoption
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论