在页面刷新完毕后 echarts会溢出屏幕 没有达到逾期的宽度,如图图表溢出屏幕
经过代码复查发现问题出在在设置容器大小时候设置成为了百分比,使用百分比会造成页面刷新后,图表溢出。
<div id="monthSuggestion" style="width:100%;height:50%;"></div>
<div id="monthCode" style="width:100%;height:50%;"></div>
解决方案如下:将宽度使用计算属性使用vw或者直接使用vw来固定宽度。
<div id="monthSuggestion" style="width:calc(100vw - 600px);height:50%;"></div>
<div id="monthCode" style="width:calc(100vw - 600px);height:50%;"></div>