echarts图形,图形自适应窗口大小

时间:2022-12-30 20:27:14

一个页面只有一个echarts图形时,可以写为

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

 

 一个页面含有多个echarts图形时,则只有一个图形可自适应窗口大小,另外一个则不能随窗口大小而改变图形大小,

 

解决办法为在每一个echarts图形页面将上面代码改为如下代码

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

 

 

 

对象不支持“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版本切换使用

 

 

   1.x和2.x版本切换使用方法:


<!--[if !IE]> -->
    <script src="jquery-2.0.0b2.js"></script>
<!-- <![endif]-->

<!--[if IE]>
    <script src="jquery-1.9.1.js"></script>
<![endif]-->