参考:解决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"));