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