(适用于页面多echarts图表,将echarts封装为函数后循环生成的情况)
1、在data中定义echarts数组
chartObjList:[] //保存所有echarts图表对象,用于图表大小适应屏幕
2、将函数中的charts push到数组
var myChart = echarts.init(document.getElementById(chartId))
this.echartObjList.push(myChart);
myChart.setOption(option, true);
3、methods中定义resize函数
methods:{
resizeCharts(){
for(let i=0;i < this.echartObjList.length;i++){
this.echartObjList[i].resize()
}
}
}
4、添加钩子函数
mounted(){
window.addEventListener("resize",this.resizeCharts);
},
beforeDestroy(){
window.removeEventListener("resize",this.resizeCharts);
}