echarts多个图表大小随屏幕的大小改变自适应,Echarts 多图表自适应窗口大小,echarts随页面大小变化而变化

1.问题:单个图表初始化宽度默认100;
echarts 随屏幕大小改变大小(resize)

 

解决办法:

当页面只有一个图表的时候直接用 window.onresize = myChart.resize 就可以了

echarts 随屏幕大小改变大小(resize)

 

 

 2.问题:多图表初始化默认宽度100;

echarts 随屏幕大小改变大小(resize)

 

 解决办法:有两种;

方法一:

window.addEventListener("resize",function (){
        myChart.resize();
        myChartA.resize();
        myChartB.resize();
    });

  

echarts 随屏幕大小改变大小(resize)

 

方法二:

window.onresize = function(){
        myChart.resize();
        myChartA.resize();
        myChartB.resize();
    }

  

 

相关文章:

  • 2021-10-19
  • 2022-02-17
  • 2021-06-15
  • 2021-11-14
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-05-23
  • 2021-06-26
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-05
相关资源
相似解决方案