echarts切换其他组件统计图时,出现卡顿问题如何解决

1、原因:每一个图例在没有数据的时候它会创建一个定时器去渲染气泡,页面切换后,echarts
图例是销毁了,但是这个 echarts 的实例还在内存当中,同时它的气泡渲染定时器还在运行。这就导致 echarts 占用 CPU 高,导致浏览器卡顿,当数据量比较大时甚至浏览器崩溃2、解决方法:在 mounted()方法和 destroy()方法之间加一个 beforeDestroy()方法释放该页面的chart
资源,clear()方法则是清空图例数据,不影响图例的 resize,而且能够释放内存,切换的时候就很顺畅了
beforeDestroy () {
this.chart.clear()
}

posted @ 2023-06-26 10:36  jialiangzai  阅读(423)  评论(0)    收藏  举报