程序员人生 网站导航

[ECharts]"echarts/config" is not exists

栏目:互联网时间:2014-09-30 02:21:46

今天在给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



------分隔线----------------------------
------分隔线----------------------------

最新技术推荐