资讯动态

解决echarts警告提示:There is a chart instance already initialized on the dom.

发布时间:2026/11/6 1:11:41 来源:尧图企业网站定制
1、分析原因主要是因为我把echats图表的代码封装成一个方法在页面中多次调用而页面中创建的dom节点都是同一个每次运行都会init一个echarts实例所有就会出现上面的警告信息2、解决方法使用echarts.getInstanceByDom() 方法判断是否已经存在echarts实例如果有则不创建如果没有就进行创建注意注册在vue的 prototype上并用echarts表示所以直接使用this.$echarts表示getChart(el) { const dom document.getElementById(el); if (!dom) return console.error(Dom不存在); // dom不存在直接退出 let myChart this.$echarts.getInstanceByDom(dom); //防止重复多次创建异常图表 if (!myChart) { myChart this.$echarts.init(dom); } let _config this.optionChart(data); myChart.clear();//清画面内容 myChart.resize();//重新适配容器大小 myChart.setOption(_config ); },

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价 →
↑