背景:react + echarts ,
需求:echarts图表需要随着窗口大小变化而变化
componentDidMount() {
window.addEventListener('resize', this.resizeCharts)
}
componentWillUnmount() {
window.removeEventListener('resize',this.resizeCharts)
}
resizeCharts = () =>{
this.myChart ?.resize();
}
chrome中查看时间监听是否移除
F12-源代码页面
注意:进行操作后需要手动点击刷新按钮,不然不会自动刷新当前监听的事件