[ECharts]"echarts/config" is not exists

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

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

 

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

 

[javascript]  view plain  copy

 

 print?

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

 

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

 

[javascript]  view plain  copy

 

 print?

1. require(  
2.                 [  
3.                     'echarts',  
4.                     'echarts/chart/line' // 使用柱状图就加载bar模块，按需加载  
5.                 ],  
6.                 function (ec) {  
7.                   
8.                     // 基于准备好的dom，初始化echarts图表  
9.                     var myChart = ec.init(document.getElementById('main'));   
10.                       
11.                     // 过渡---------------------  
12.                     myChart.showLoading({  
13.                         text: '正在努力的读取数据中...',      
14.                     });  
15.                                       
16.                 options = {...}  
17.                 ....  
18. }  

我把

[javascript]  view plain  copy

 

 print?

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

 

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

 

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

 

[javascript]  view plain  copy

 

 print?

1. require(  
2.                 [  
3.                     'echarts',  
4.                     'echarts/chart/line' // 使用柱状图就加载bar模块，按需加载  
5.                 ],  
6.                 function (ec) {  
7.                     var ecConfig = require('echarts/config'); //我在这里  
8.                       
9.                     // 基于准备好的dom，初始化echarts图表  
10.                     var myChart = ec.init(document.getElementById('main'));   
11.                       
12.                     // 过渡---------------------  
13.                     myChart.showLoading({  
14.                         text: '正在努力的读取数据中...',      
15.                     });  
16.                                       
17.                 options = {...}  
18.                 ....  
19. }  

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

 

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

转载于:https://www.cnblogs.com/telwanggs/p/7183511.html