echarts 重复渲染警告 There is a chart instance already initialized on the dom

项目中封装了echarts饼图,通过选择不同时间,像后端请求不同数据,频繁切换会出现“There is a chart instance already initialized on the dom.”的警告

这个问题的出现在于,在一张表上渲染不同数据,其实dom已经存在了,但是我们在每次数据发生改变的时间都重新进行了一次渲染,导致出现警告
解决方法:

let myChart = this.$echarts.getInstanceByDom(this.$refs.echartsPie)
if (myChart == null) {
    myChart = this.$echarts.init(this.$refs.echartsPie)
}
myChart.setOption(this.option)

  

posted @ 2022-07-05 08:54  Alitar  阅读(685)  评论(0编辑  收藏  举报