您现在的位置:首页 >> 前端 >> 内容

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

时间:2017/9/18 9:06:00 点击:

  核心提示:最近做了Echarts的一些东西碰到一个很实际的问题那就是如何使Echarts图表能自适应窗口的大小由于我一个页面里加载了四个图所以用一般的window.onresize = myChart.resi...

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

Tags:EC CH HA AR 
作者:网络 来源:Young_Gao的