vue中使用echarts首次加载超出画布

画布大小使用百分比布局，首次加载页面发现echarts图表超出画布范围

网上查找了半天资料，其中一种是在图表建立之后直接使用mychart.resize()方法调整，但我写了没有效果，然后我找了其他几种方法，不知利弊，知道的还请指教

1.使用settimeout

mounted() {
		    setTimeout(()=>{
				this.hadleGetFilesListApi();
			 })
		},

2.在updated中调用，这种是我自己尝试放进去的，感觉不可取，所以在此基础上并借鉴他人意见写了第三种

updated() {
			this.hadleGetFilesListApi();
		},

3.在mounted中建立图表，在updated中渲染数据，并更新图表大小

data() {
			return {
				data: [],
				myChart: null,
				option: {

				}
			}
		},

mounted() {
			this.getData();//获取数据
			this.setEcharts();//建立图表
		},
updated{
		    this.setOption();//渲染数据
				this.myChart.resize();
		},