Uncaught TypeError: Cannot read property 'modLayer' of null

function reloadEcharts(obj, json) {
    var chart = echarts.init(obj);
    chart.setOption(json);
    window.addEventListener("resize", function() {
        chart && chart.resize();
    });
}

开启chrome 调试台时候，会触发echarts resize 事件，会引起报错，望解惑…

[thanatos11]

The problem is based on the new ajax chart, will delete the old one, the system tries to resize the old one, but that no longer exists. One solution is to bind the function to resize and unbind after the new ajax and bind again. But this is also a problem, because the binding is done on unanimous function. So this implementation helped me:

I. define a new modules.js inside the “echarts/module/modules.js”

II. inside the modules.js define a new require dict holding all your charts:

define(function(){
    var charts = {
        'Chart1':false,
        'Chart2': false,
        'Chart3' : false
    };
    $(window).resize(function(){
         if ( charts['Chart1'] ) {
            charts['Chart1'].resize();
        }
         if ( charts['Chart2'] ) {
            charts['Chart2'].resize();
        }
         if ( charts['Chart3'] ) {
            charts['Chart3'].resize();
        }
    });
    return function(k){ charts[k["name"]] = k["content"] }
});

III. In your chart function just call the new module with the require.js:

require(
        [   'echarts',
            'echarts/chart/line',
            'echarts/module/modules'
        ], function (ec, line, modules) {
            var Chart1 = ec.init(document.getElementById('chart_1'));
            modules({ "name" : "Chart1", "content" : Chart1});
            var chart_1_option = {.....}
....... etc

[wzhscript]

我也遇到了这个问题。原因应该是：window.onresize上绑定的resize方法所对应的chart对象已经不存在了。 所以在调用echarts.init后也要更新window.onresize对应的resize方法。(如果是用jquery.on绑定resize函数，相应也需要用jquery.off去解除绑定)

var myChart = echarts.init(someDOMElement);
window.onresize = myChart.resize;

// or

var myChart = echarts.init(this.refs.container.getDOMNode());
global._preResize && $(window).off('resize', global._preResize);
global._preResize = myChart.resize;
$(window).on('resize', myChart.resize);