最近做了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 这是一个很好玩的东西，推荐大家百度一下相关用法