1.这种方法适合页面中只有一个echarts图
window.onresize = ()=>{
this.myCharts.resize()
}
2.利用事件监听
drawPic(){
let myCharts = this.$echarts.init(document.getElementById('pic')
let option = {}
myChart.setOption(option)
this.r = () =>{
myChart.resize()
}
window.addEventListener(
'resize',
this.r
)
}
页面退出前销毁事件
beforeDestroy(){
window.removeEventListener(
'resize',
this.r
)
}
本文介绍了两种在页面窗口大小改变时,确保Echarts图表自适应的方法:一种是直接在window.resize事件中调用resize方法;另一种是通过事件监听,添加和移除resize事件来实现图表的动态调整。在页面退出前,需要销毁事件监听以避免内存泄漏。
2042

被折叠的 条评论
为什么被折叠?



