[ECharts]"echarts/config" is not exists

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