监听div的变化,重新渲染Echarts实现自适应
通过遍历数据渲染多个echarts图表,需要通过监听包裹echarts图表的div大小实现echarts图表的自适应。要实现以上需求我们可以使用 ResizeObserver。ResizeObserver 提供了一种有效地监测 DOM 元素大小变化的方式。以便使用 ResizeObserver 来监听。实例,确保了每个图表元素都有自己的 ECharts 实例,这样就不会相互影响。需要为每个图表元素单独创建一个ResizeObserver。实例,最后只监听到最后一个div的变化,其他没有监听到。
原创
2023-12-13 17:30:05 ·
284 阅读 ·
1 评论