Vue使用echarts实时图表时卡顿

在我使用vue来放入echarts的实时曲线图时,会每次更新数据时,会非常卡顿,而相较于官网的示例来说,却很流畅。

先上代码。这是官网的实例 https://www.echartsjs.com/examples/editor.html?c=dynamic-data2




应该是canvas触发了vue的更新,而每一次的更新,都会触发Vnode的更新。

而最后echarts不走vue的生命周期,就不会出现卡顿的现象。

所以直接复制示例代码,然后在mouted中调用函数就不会出现卡顿现象。



 

你可能感兴趣的:(前端,Vue.js)