Echarts 如何设置多个图表自适应窗口大小

最近做了Echarts的一些东西

碰到一个很实际的问题 

那就是如何使Echarts图表能自适应窗口的大小

由于我一个页面里加载了四个图

所以用一般的 

window.onresize = myChart.resize;

只能是的我最后一个图能够自适应,而其他图是没有反应的

于是我想到是否能够写一个事件,能够监听  window.onresize 的动作

然后再把  window.onresize = myChart.resize; 写入

于是自己试验了一下

window.addEventListener("resize", function () {
          myChart1.resize();
          myChart2.resize();
          myChart3.resize();
          myChart4.resize();
      });

 

success!!

addEventListener 这是一个很好玩的东西,推荐大家百度一下相关用法

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页