zoukankan      html  css  js  c++  java
  • 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!

  • 相关阅读:
    AOP
    关于zookeeper部署的个数
    Zookeeper 简介
    Java 正则表达式
    面试记录
    面试题
    Spring Framework官方文档翻译(中英文版)
    java知识巩固
    mysql sql记录
    redis入门
  • 原文地址:https://www.cnblogs.com/harlem/p/7779609.html
Copyright © 2011-2022 走看看