画布大小使用百分比布局,首次加载页面发现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();
},