Echarts跟隨容器自適應大小問題


窗口大小改變市echarts圖表常常會溢出,這時候會很難看,於是查看文檔和百度下后,有如下解決方案:

 var myChart = echarts.init(document.getElementById('main')); 
 var option = { ... };
 myChart.setOption(option);
 window.onresize=function(){
       myChart.resize();
  } 

  

,當頁面有多個圖表展示時,這種寫法就沒法滿足需要了,於是可以這樣

  

var chartsArr=[];

  myChart1.setOption(option);

  chartsArr.push(myChart1);

  myChart2.setOption(option);

  chartsArr.push(myChart2);

  myChart3.setOption(option);

  chartsArr.push(myChart2);

   window.onresize=function(){

      for(var i=0;i<chartsArr.length;i++){

          chartsArr[i].resize();

          }

    }

  ok!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM