[ECharts]"echarts/config" is not exists

Posted 疯子加天才

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[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

以上是关于[ECharts]"echarts/config" is not exists的主要内容,如果未能解决你的问题,请参考以下文章

菜鸟怎么在页面的div里引入echarts图标

如何获取echarts点击饼状图

Echarts报错[MODULE_MISS]"echarts/config" is not exists!

小程序echarts

用echarts制作饼图,数据怎么自动输入

echarts怎么设置图形在整个echarts里面的位置,一直居中不太灵活