echarts 自適應屏幕 失效 window.onresize

小編在作項目中遇到一個問題 忽然以爲很奇怪，通過小編仔細揣摩，深刻研究終於找到緣由，因而小編快馬加鞭地到了這裏，跟你們分享會一下，避免你們踩到坑。
有個echarts圖標，對你們來講應該不難，可是咱們作完以後，當你放大或者縮小屏幕時，圖標卻不跟着放大縮小，固然你們應該都以後官網有個方法是echarts.resize();
可是僅限於單個圖標，不知道你們有沒有發現？

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

這樣寫單個圖標是沒有問題的，可是多個圖標時候，僅僅對最後一個圖標有做用，其餘都是失效的，若是你是多個同樣的圖標這樣寫也是OK的。

window.onresize = function(){  
myChart.resize();  
myChart02.resize();  
myChart03.resize();  
}

可是若是你是多個圖表，每一個圖表都又是不同的，就失效了，咱們應該如何解決呢？
解決辦法：

function loadchart(){
        var option={......}
         //開始載入
         myChart.setOption(option);
        //echarts 自適應屏幕
        window.addEventListener("resize",function(){
             myChart.resize();

        });
    }

咱們在每一個圖表下面這樣寫，就實現啦！是否是很簡答呢。關注小編，不迷路。哈哈哈O(∩_∩)O哈哈~

小編不易，若有收穫，微信賞小編喝杯娃哈哈

單身狗的 葵花寶典，撩妹必備 敬請關注！