ECharts折线图数据展示错乱

问题

使用echarts对数据进行折线图展示时,第一次数据是正确的,当切换数据,重新setOption时,数据错乱。如图:

第一次点击正确展示
第二次点击数据错乱.png

方案

查询echarts官方文件,有clear方法:清空当前实例,会移除实例中所有的组件和图表。清空后调用 getOption 方法返回一个{}空对象。

验证:

myCharts.clear();
myCharts.setOption(option);

再次点击折线图显示正常。

参考文章

echarts API echartsInstance.clear

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容