echarts切换其他组件统计图时,出现卡顿问题如何解决
1、原因:每一个图例在没有数据的时候它会创建一个定时器去渲染气泡,页面切换后,echarts
图例是销毁了,但是这个 echarts 的实例还在内存当中,同时它的气泡渲染定时器还在运行。这就导致 echarts 占用 CPU 高,导致浏览器卡顿,当数据量比较大时甚至浏览器崩溃2、解决方法:在 mounted()方法和 destroy()方法之间加一个 beforeDestroy()方法释放该页面的chart
资源,clear()方法则是清空图例数据,不影响图例的 resize,而且能够释放内存,切换的时候就很顺畅了
beforeDestroy () {
this.chart.clear()
}
本文来自博客园,作者:jialiangzai,转载请注明原文链接:https://www.cnblogs.com/zsnhweb/articles/17505034.html

浙公网安备 33010602011771号