E-charts怎么让一个页面里面的多个图表自适应？

Question

一个页面里面有多个myChart.setOption(option); 看到网上的方法说加window.onresize = myChart.resize; 但是发现好像只有最后一个有效 请问怎么让多个图表都自适应？

Answer 1

就个数组保存myChart所有实例,然后每个都调用一下resize

        var charts = [];
        myChart = echarts.init(document.getElementById('main'));
        myChart.setOption(option);
charts.push(myChart);

myChart = echarts.init(document.getElementById('main2'));
myChart.setOption(option);
charts.push(myChart);

window.onresize = function(){
for(var i = 0; i < charts.length; i++){
charts[i].resize();
}
};