Question

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

一个页面里面有多个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();
		}
	};