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

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

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