背景: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);}