echarts实例的清空与销毁-clear/dispose-Toy模板网

这篇具有很好参考价值的文章主要介绍了echarts实例的清空与销毁-clear/dispose。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

    import * as echarts from "echarts";    
    // 销毁实例
    desHander(){
        let myChart = echarts.init(this.$refs["chartDom"]);
        // 销毁实例，销毁后实例无法再被使用。
        // 在什么情况下需要调用该函数进行销毁当前的实例呢？
        // 官方给的说明:在图表容器被销毁之后，调用 echartsInstance.dispose 销毁实例，
        myChart.dispose();
    },

    // 清空当前实例
    clearHander(){
        // 清空当前实例，会移除实例中所有的组件和图表。
        let myChart = echarts.init(this.$refs["chartDom"]);
        myChart.clear() 
    },
    init(){
        this.clearHander()
          //或者
        this.desHander()
        let myChart = echarts.init(this.$refs["chartDom"]);
    }

内存溢出：当程序运行时需要的内存超出了当前应用系统的剩余内存时，就造成了内存溢出的情况，直观表现就是——卡死。

所以只要使用echarts了，最好都clear或dispose一下。

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

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

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

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

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

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

使用场景：当echarts图表的数据是动态更新然后渲染图表时，哪怕我们使用watch去监听了数据的变化，已经拿到了更新的数据，但是图表却没有进行相应的渲染，clear或dispose一下。文章来源地址https://www.toymoban.com/news/detail-577237.html

到了这里，关于echarts实例的清空与销毁-clear/dispose的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！