[ECharts]"echarts/config" is not exists

本文解决了一个关于Echarts图表配置加载的问题,详细介绍了如何正确放置require('echarts/config')语句,以避免出现echarts/config is not exists错误。

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

今天在给Echarts折线图中的数据点增加点击事件的时候总是出现一个

Uncaught Error: [MODULE_MISS]"echarts/config" is not exists!错误


查找了半天才明白是什么原因,这个错误引起的原因是下面这段代码的位置

var ecConfig = require('echarts/config');


开始的时候我总是把它放在全局变量中,我们Echarts的模板中一般是这样的

require(
				[
					'echarts',
					'echarts/chart/line' // 使用柱状图就加载bar模块,按需加载
				],
				function (ec) {
				
					// 基于准备好的dom,初始化echarts图表
					var myChart = ec.init(document.getElementById('main')); 
					
					// 过渡---------------------
					myChart.showLoading({
						text: '正在努力的读取数据中...',    
					});
									
				options = {...}
				....
}

我把
var ecConfig = require('echarts/config');

这段代码放在了require外边,所以总是报错。


调整之后应该是放在 function(ec){..}中,类似下面的代码结构

require(
				[
					'echarts',
					'echarts/chart/line' // 使用柱状图就加载bar模块,按需加载
				],
				function (ec) {
					var ecConfig = require('echarts/config'); //我在这里
					
					// 基于准备好的dom,初始化echarts图表
					var myChart = ec.init(document.getElementById('main')); 
					
					// 过渡---------------------
					myChart.showLoading({
						text: '正在努力的读取数据中...',    
					});
									
				options = {...}
				....
}

这样的话加载就没有问题了,也可以正常的监听事件了, 这个应该和require的用法有很大关系,由于前端功底比较差才导致这种错误,以后要小心。

本文出自 orangleliu笔记本 博客,请务必保留此出处http://blog.csdn.net/orangleliu/article/details/39554001



评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值