多个Echarts图表,仅最后一个的resize()方法生效

1,402 阅读1分钟

需求 :

页面中插入多个echarts的react组件,要实现宽度自适应效果。

第一次尝试:

window.onresize = function() {myEchart.resize()}

问题:

仅最后一个图表的resize()方法生效了,其之前的都未起效果

原因:

onresize是DOM一级监听方式,只对一个起效,因为有多个图表,所以要使用DOM二级监听方式

解决:

window.addEventListener("resize",()=>{ myEchart.resize(); });