侧边栏收起后图表还是旧宽度 resize 监听该绑哪个元素

左侧菜单收起后主区域宽了 220px，表格跟着变宽，图表还停在原来的宽度，右边空出一大块。碰到这种情况，我一般先确认改动有没有真的生效。

原因不复杂，代码只监听了 window 的 resize，容器自身尺寸变化不会触发。侧边栏折叠是 CSS 过渡，window 尺寸一点没变。

「ECharts resize 失效」这个问题文档写得含糊，实际行为以当前版本为准，别照旧版本的结论套。改完顺手把文档补一句，省得下次自己重新推一遍。

const ro = new ResizeObserver(() => chart.resize());
ro.observe(document.getElementById('chart'));

监控和日志的时间要对上，时区不一致会多绕很大一圈。临时改动用注释写上日期和原因，过两周自己都记不清为什么这么写。

动手前把原文件复制一份带时间戳，出问题立刻换回去，比现场分析快得多。一次只改一处，改完立刻验证，几个改动叠在一起，出问题就说不清是谁导致的。

具体做法是，用 ResizeObserver 监听图表容器而不是 window；回调里加防抖 避免过渡期间反复重绘；收起菜单后确认图表铺满新宽度。

最后用这个标准收尾，收起侧边栏后图表跟着变宽，右侧不再留空白。