关于echarts动态更新数据的时候造成的卡顿问题

m0_54030706

于 2024-07-01 16:35:31 发布

阅读量735

点赞数 3

文章标签： echarts vue.js 前端

本文链接：https://blog.csdn.net/m0_54030706/article/details/140103459

版权

echarts在websocket形式获取数据时，由于数据更新的很快，会导致页面渲染卡死，可以采取以下办法（可能不是最优解，但能解决）

//监听webosoket传过来的数据变化
watch(()=> filteredBmusData, async(newValue) => {
  if (newValue) {
    await nextTick().then(() =>{
      option.series[0].data = chartData
      initChart()
    })
  }
},
{
  deep:true
})
const initChart = () => {
  myChart.clear()
  myChart.setOption(option, false)
}
//option就是你的echart的配置