echarts中clear和dispose的区别和使用场景

发布时间 2023-03-22 21:15:54作者: ZihangChu

clear和dispose是echarts提供的用于解决内存溢出的方法。

echarts.clear()是清空当前实例,会移除实例中所有的组件和图表。

echarts.dispose()是销毁实例,销毁后实例无法再被使用。

我觉得clear和dispose就类似于v-show和v-if

clear类似于v-show,它只是重绘图表

dispose类似于v-if,它是将echarts对象清理了,然后重新构建echarts对象

如果连图表容器都被销毁了,那就要调用echarts.dispose()销毁实例

使用场景:当echarts图表的数据是动态更新然后渲染图表时,哪怕我们使用watch去监听了数据的变化,已经拿到了更新的数据,但是图表却没有进行相应的渲染。

解决方案:clear或dispose一下,具体用哪个,根据自己代码编写方式斟酌