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!!

 

注:是在每一个图表myChart.setOption(option, true);后面添加。

posted @ 2020-06-16 09:44  Ao_min  阅读(594)  评论(0编辑  收藏  举报