【填坑】THERE IS A CHART INSTANCE ALREADY INITIALIZED ON THE DOM

参考:解决echarts报There is a chart instance already initialized on the dom.错误 - 灰信网(软件开发博客聚合) (freesion.com)

 背景:

切换雷达图出现的问题:通过点击事件切换两个雷达图,实际上是重新创建渲染雷达图了。

首先注意初始的时候要默认显示一个图表,也就是点击事件之前。

切换重新渲染的时候会出现“DOM上已经初始化了一个图表实例”的错误

解决ECHARTS报THERE IS A CHART INSTANCE ALREADY INITIALIZED ON THE DOM.错误  解决方法:

1、方法外部全局声明echarts dom对象

var domEle;

2、自定义的图表函数方法内判断dom对象是否存在,如果已经存在dispose释放资源,在此处也就是当前已经创建的雷达图

if(domEle != null && domEle != "" && domEle != undefined){

domEle.dispose();//解决echarts dom已经加载的报错

3、方法内正常初始化echarts对象

domEle = echarts.init(document.getElementById("chart"));

猜你喜欢

转载自blog.csdn.net/dujuancao11/article/details/126399838