Echarts超出容器宽度及自适应解决方案

使用echarts时，为了兼容移动端，使用flxe布局，echarts超过了父框的宽度。可以看到echarts溢出了父框。问题类似https://segmentfault.com/q/10...https://segmentfault.com/q/10...了解echarts绘图机制后，echarts图形只绘制一次，绘制时，自动获取父尺寸以填充宽度。考虑使用setTimeout让echarts延迟绘制。原代码mounted(){this.myMap()}修改mounted(){setTimeout(()=>{this.myMap()}}配置`myMap(){letmyMap=echarts.init(document.querySelector('#myMap'))myMap.setOption({})}效果图：关于问题自适应的，首先要明白echarts只绘制一次，头脑清醒，适配大小，然后echarts重绘代码修改mounted(){constthat=thissetTimeout(()=>{this.myMap=echarts.init(document.querySelector('#myMap'))this.setMap()})window.onresize=()=>{that.myMap.resize()}}//修改了配置方法的名字myMap=>setMapsetMap(){this.myMap=echarts.init(document.querySelector('#myMap'))this.myMap.setOption({})}我正在使用vue框架。使用其他技术的同学也可以参考。求好评如有不妥之处还望指正。代码中还有优化点