1. 程式人生 > >Echarts 如何設定多個圖表自適應視窗大小

Echarts 如何設定多個圖表自適應視窗大小

最近做了Echarts的一些東西

碰到一個很實際的問題 

那就是如何使Echarts圖表能自適應視窗的大小

由於我一個頁面里加載了四個圖

所以用一般的 

window.onresize = myChart.resize;

只能是的我最後一個圖能夠自適應,而其他圖是沒有反應的

於是我想到是否能夠寫一個事件,能夠監聽  window.onresize 的動作

然後再把  window.onresize = myChart.resize; 寫入

於是自己試驗了一下

window.addEventListener("resize", function () {
          myChart1.resize();
          myChart2.resize();
          myChart3.resize();
          myChart4.resize();
      });

success!!

addEventListener 這是一個很好玩的東西,推薦大家百度一下相關用法