echarts图表在页面中(tabs)切换修改数据时,控制台警告There is a chart instance already initialized on the dom.
2026/6/5 16:23:54 网站建设 项目流程
背景:vue + echarts
问题:

echarts图表在页面中(tabs)切换修改数据时,控制台警告There is a chart instance already initialized on the dom. 每次切换都会警告一次

解决:

使用echarts.getInstanceByDomAPI获取 dom 容器上的实例
如果已经有实例了,说明不是初始化,所以先使用dispose():销毁实例,实例销毁后无法再被使用;然后再重新init初始化实例

constlineEcharts=ref<HTMLElement|null>(null);functioninitLineEcharts(){constchart=lineEcharts.value;if(!chart)return;constexistingInstance=echarts.getInstanceByDom(chart);if(existingInstance){existingInstance.dispose();}constmyChart=echarts.init(lineEcharts.value);constoption={...};option&&myChart.setOption(option);}

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询