echarts全屏之后大小||高度||宽度滞后问题，全屏之后重置

echarts设置的是这样，但是当全屏的时候，是滞后的，导致全屏之后的容器大小还是之前的大小，需要重置大小

#mapcontainer{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0)
}

未重置.png 重置后.png

只需要在echarts后面加一段代码就可以解决了，使echarts充满容器

myChart2.setOption({...});
        //页面改变时更新echarts容器使其自适应
  setTimeout(function (){
         window.onresize = function () {
                    myChart2.resize();
                    }
                },200)

或者添加这个

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