echarts自适应窗口(父盒子)大小

情形一:一个页面只有一个echarts图形的时候,可以这样子写

myChart.setOption(option);
window.onresize = myChart.resize;

情形二:单个页面含有多个echarts图形时,则只有一个图形可自适应窗口大小,另外一个则不能随窗口大小而改变图形大小,解决办法为在每一个echarts图形页面将代码改为如下代码

myChart.setOption(option);
window.addEventListener(“resize”,function(){
myChart.resize();
});

PS:经测试,单个页面中使用window.onresize = myChart.resize效果有时候会出现卡顿或者适应不全等现象,可使用情形二的方法完美解决

再次PS:
对象不支持“addEventListener”属性或方法 ie8 jquery
解决方法:
1,请查看你使用的jquery版本;
2,jQuery 2.x 已经不支持IE9以下的IE浏览器,如果你想继续支持IE6/7/8,请使用jQuery 1.x版本(最新版本:jQuery 1.11.0);
3,如果要兼容 IE 6/7/8/9/10…建议1.x和2.x版本切换使用

你可能感兴趣的:(echarts自适应,echarts多个图,echarts两个图,echarts后者覆盖前,echarts不显示)