需求 :
页面中插入多个echarts的react组件,要实现宽度自适应效果。
第一次尝试:
window.onresize = function() {myEchart.resize()}
问题:
仅最后一个图表的resize()方法生效了,其之前的都未起效果
原因:
onresize是DOM一级监听方式,只对一个起效,因为有多个图表,所以要使用DOM二级监听方式
解决:
window.addEventListener("resize",()=>{ myEchart.resize(); });