There is a chart instance already initialized on the dom！警告

Posted 2021-11-10 shuilangyizu

使用Echarts插件的时候，多次加载会出现There is a chart instance already initialized on the dom.这个错误，改插件已经加载完成。

并且如果你图表中定义了点击方法，多次覆盖之后，点击方法会触发多次

解决方法：

在方法最外层定义全局变量

var myCharts;

然后在插件使用方法中：

if (myChart != null && myChart != "" && myChart != undefined){
    myChart.dispose();
}
// 基于准备好的dom，初始化echarts实例
myChart = echarts.init(document.getElementById(‘sjtjt‘));

方法的最开始写上判断，然后初始化echarts实例；

最重要的就是全局定义和方法开头的判断然后

myChart.dispose();