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();
})
网友评论