解決echarts一個頁面展示多個圖形時無法自適應

開發時，經常碰到一個頁面顯示一個echarts圖或多個echarts圖的情形，通常，當頁面只有一個echarts圖形時，可以通過以下代碼實現自適應：

myChart.setOption(option);
// 設置自適應屏幕大小
window.onresize = myChart.resize;

但是，當一個頁面有多個圖時，上述代碼可能只會使一個圖形自適應，而其他圖形不會自適應，這時，在每個echarts圖形的代碼中都用下面的代碼就可以輕鬆解決：

myChart.setOption(option);
// 設置自適應屏幕大小
//window.onresize = myChart.resize;
window.addEventListener("resize",function(){
	myChart.resize();
});

 

縮小效果：

放大效果：