解决首次加载echarts折线图（柱状图）时，图不能正常展示问题

使用echarts的过程中出现了一个问题：首次加载出echarts时，折线图（柱状图）不能正常按照标准的宽进行展示，如下图所示：

 

 产生这个问题的原因是echarts在获取浏览器宽度时获取不准确造成的的问题，echarts没有准确获得浏览器的宽度，导致柱状图展示不正确、被压缩 。其实主要是因为eacharts中将100%转换成了100px，所以变成了100px，出现了上图的效果。想要解决上面的问题，则需要重新获取当前的图的高度宽度，并且设置给放eacharts的盒子//获得容器宽度、高度，代码如下：

var width = $("#echartsBox").width();
var height = $("#echartsBox").height();
$("#echartsBox").css("width", width).css("height", height);
//修改首次进入时图的宽度
setTimeout(function(){
     $(myCharts).resize();     
},200)
// 当浏览器窗口大小发生改变的时候修改图标的大小
$(window).resize(function(){
   $(myCharts).resize();
});

执行完上面的代码之后，下面展示就会正常，如下图：

 

 参考博文：https://blog.csdn.net/weixin_37817251/article/details/90046795?utm_medium=distribute.pc_relevant_ask_down.none-task-blog-blogcommendfrombaidu-2.nonecase&depth_1-utm_source=distribute.pc_relevant_ask_down.none-task-blog-blogcommendfrombaidu-2.nonecas