There is a chart instance already initialized on the dom

本文介绍了解决ECharts图表插件在多次加载时出现的初始化冲突错误的方法。通过定义全局变量并检查现有实例是否已存在来避免重复加载的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

解决方法:

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

var myChart;

然后在插件使用方法中:

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


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

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

myChart.dispose();
!!!!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值