echarts清除已经初始化的实例

Posted Harris-H

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts清除已经初始化的实例相关的知识,希望对你有一定的参考价值。

echarts清除已经初始化的实例

1.问题

之前已经初始化该dom元素的chart 实例,已经无法再次初始化,导致图表无法正常显示。

2.解决

clear只是清除画布,而不会清除实例。其会保留点击事件等。
想在同一个dom中画多个实例,肯定需要先销毁前一个,才能画后一个。

在每次setOption前进行dispose销毁。

echarts.init(document.getElementById("chart_net")).dispose();
      echarts.init(document.getElementById("chart_net")).setOption(option1);

3.参考文章

https://blog.csdn.net/haodiaoji9386/article/details/122123804

以上是关于echarts清除已经初始化的实例的主要内容,如果未能解决你的问题,请参考以下文章

转 echarts 的使用时遇到的坑 初始化和销毁,亲测有效!

echarts学习总结

echarts解决缓存问题

vue中使用echarts造成内存泄漏的问题

Echrarts的基本API

Echarts如何清除上一次加载的数据