Echarts 经验

今天在给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的用法有很大关系