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();
		},