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哈哈~

小编不易，若有收获，微信赏小编喝杯娃哈哈

单身狗的 葵花宝典，撩妹必备 敬请关注！