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!

posted @ 2017-11-03 18:17  Harlem  阅读(8773)  评论(0编辑  收藏  举报