echarts圖形,圖形自適應窗口大小


一個頁面只有一個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]-->

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM