本文介绍了如何实现ECharts图表在页面窗口大小变化时自适应调整大小。主要提供了两种方法：一种是直接将resize方法绑定到window的onresize事件上；另一种是使用addEventListener监听窗口resize事件并调用resize方法。实践中发现，当有多个图表时，第一种方法可能导致只有最后一个图表生效，推荐使用第二种方法确保每个图表都能正确响应窗口大小变化。
echart图表自适应
在配置相后setOption(option)，添加一下代码;
.
.
.
option && capacityChart.setOption(option);
//图表自适应-两种都可，但经试验，第一种含多个图表清空下只有最后一个有效，建议用第二种方法
//法一：
// window.onresize = capacityChart.resize
//法二：
window.addEventListener("resize", function (event) {
capacityChart.resize();
})
扫一扫
1902
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
