在ECharts 中监听窗口变化,可以确保图表在窗口大小变化时自动调整以适应新的尺寸。以下是几种实现 ECharts 监听窗口变化的方法: 1. 直接绑定 window.onresize 事件 这种方法适用于页面中只有一个 ECharts 图表的情况。可以直接将 resize 方法绑定到 window 对象的 onresize 事件上。 javascript var myChart = echart...
数据可视化数据大屏一般都会要求是宽高自适应的,页面会根据窗口的宽高进行调整,但是实际开发中会遇到窗口大小变化了,但是图表的大小并没有和实际的div宽度一致。 解决办法 我们使用ResizeObserver来监听窗口的宽高变化,立即执行resize不能获取到实际宽高,我们延迟300毫秒后执行. const viewElem = document.body; const ...