React-Highcharts图表仅能放大无法缩小的问题排查求助

• 检查图表组件的响应式配置：多数图表库（如ECharts、Recharts）初始化时会读取容器初始宽度，后续不会自动监听尺寸变化。确认是否开启响应式支持：比如ECharts需要主动调用resize()方法；Recharts需用ResponsiveContainer组件包裹图表。
• 验证父容器实际尺寸变化：给图表所在的父列容器添加临时边框或背景色，观察打开侧边面板/缩小视窗时，父容器宽度是否确实缩小。如果父容器宽度未变化，需排查顶层网格布局：检查certainCondition的状态更新是否正确，网格列宽的CSS是否被其他高优先级样式覆盖。
• 排查硬编码宽度限制：检查图表组件及所有父容器的CSS，确认是否设置了min-width属性；同时查看图表初始化代码，是否传入了固定像素宽度而非100%这类相对值。
• 确认React重渲染触发逻辑：如果图表宽度依赖组件状态，检查状态变化时是否正确传递给图表组件；排查是否因memo或shouldComponentUpdate的过度优化，导致容器尺寸变化时图表未触发重渲染。
• 手动监听容器尺寸变化：若图表库无内置响应式能力，可使用ResizeObserver监听父容器尺寸变化（避免用window.resize，因为容器尺寸变化可能和窗口无关），触发时强制图表重新计算宽度。
• 检查嵌套网格布局：图表所在列有自身的网格分行布局，确认子网格的宽度设置为100%，确保其能继承父列的宽度变化，而非固定宽度。

内容的提问来源于stack exchange，提问作者Gavriel