我是瘦子

关于 EChart 页面多个图表,改变窗体大小图表不渲染问题

  • 1.图表宽度需设置成 100%

  • 2.同页面多图表请用 addEventListener 方法监听窗体大小改变

1
2
3
4
5
6
7
8
9
// 监听窗口变化 - 只刷新最后一个图表,后定义的会覆盖前面定义的,只有1个生效
window.onresize = ()=> {
EChart.resize();
};

// 监听窗口变化 - 多个图表同时刷新
window.addEventListener("resize", function() {
EChart.resize();
});