深入浅出:Highcharts 中的yAxis 选项更新
在使用 Highcharts 进行数据可视化时,经常会遇到需要动态更新图表配置的情况。然而,有时这些更新并不总是如我们所愿地立即反映在图表上。本文将通过一个实际案例,深入探讨如何正确更新 Highcharts 中的yAxis选项,特别是max和softMax属性。
问题描述
最近,在使用 React 和 Highcharts 构建的一个应用中,我发现了一个奇怪的问题:当通过 React state 动态更新yAxis选项(如max和softMax)时,图表并不总是能正确重新渲染。下面是一个简化的复现案例:
- 初始状态:图表有三个点
[1, 2, 3],yAxis[0].softMax设置为 2,因此所有点都显示。 - 第一次切换:点击一个按钮,
yAxis[0].max设置为 2,同时移除softMax。此时,图表正确更新,第三个点因为超出了最大值而被隐藏。 - 第二次切换:再次点击按钮,期望图表恢复到初始状态(
softMax设置为 2,max移除)。然而,图表并未更新,max仍然为 2,第三个点依然被隐藏。
