There is a chart instance already initialized on the dom

1,029 阅读1分钟

在这里插入图片描述

There is a chart instance already initialized on the dom翻译一下就是dom上已初始化一个图表实例,大概就是条件查询的时候重复初始化echarts图表了
解决方法:
单个图表使用:

var mychartTag = this.$echarts.getInstanceByDom(document.getElementById("mychart"));
if(mychartTag == null){
  mychartTag = this.$echarts.init(document.getElementById("mychart"));
}
mychartTag.setOption(this.option);
....

多个图表使用:
在循环里面加就可以了,都差不多

var echartsList = document.querySelectorAll(".mychartAll");
for(let i = 0; i< echartsList.length; i++ ){
  mychartAll = this.$echarts.getInstanceByDom(echartsList[i]);
  if(mychartAll == null){
    mychartAll = this.$echarts.init(echartsList[i]);
  }
}
mychartAll.setOption(this.option);
.....

ok就是这样,
📢没了,结束了,是不是很简单呐,如有错误,欢迎留言.如有问题,不吝赐教。
📢如果此篇博文对您有帮助,还请动动小手点赞 👍 收藏 ⭐留言 📝呐~,谢谢 ~ ~

暑期编程PK赛

得CSDN机械键盘等精美礼品!