使用 React 重新渲染时 Highcharts Y 轴叠加
Highcharts Y Axis overlay while re-rendering with React
我已经为我的案例整理了一个示例，使用 spline 图表并定义了 scrollablePlotArea 选项。当页面第一次加载完成时，Y 轴被正确渲染，但由于父组件的一些重新渲染，Y 轴将与绘图区域重叠。
检查此行为，我发现第一次加载页面时，Y 值呈现在 highcharts-fixed div 中，但任何事件都会使此图表重新呈现， Y值将在highcharts-scrolling中呈现，我认为这是这个问题的根本原因。
示例 link：https://codesandbox.io/s/highcharts-react-demo-wm6g6
如有解决此问题的任何想法，我们将不胜感激，
提前致谢，
该问题是 Highcharts 错误，已在此处报告：https://github.com/highcharts/highcharts/issues/8862
转载问题：http://jsfiddle.net/BlackLabel/96v4q8nk/
作为解决方法，您可以使用 github 线程中的代码，但也可以将 immutable 设置为 true 或将 allowChartUpdate 设置为 false 应该可以解决问题。
<HighchartsReact
...
immutable = { true }
/>
文档： https://github.com/highcharts/highcharts-react#options-details
我已经为我的案例整理了一个示例，使用 spline 图表并定义了 scrollablePlotArea 选项。当页面第一次加载完成时，Y 轴被正确渲染，但由于父组件的一些重新渲染，Y 轴将与绘图区域重叠。
检查此行为，我发现第一次加载页面时，Y 值呈现在 highcharts-fixed div 中，但任何事件都会使此图表重新呈现， Y值将在highcharts-scrolling中呈现，我认为这是这个问题的根本原因。
示例 link：https://codesandbox.io/s/highcharts-react-demo-wm6g6
如有解决此问题的任何想法，我们将不胜感激，
提前致谢，
该问题是 Highcharts 错误，已在此处报告：https://github.com/highcharts/highcharts/issues/8862
转载问题：http://jsfiddle.net/BlackLabel/96v4q8nk/
作为解决方法，您可以使用 github 线程中的代码，但也可以将 immutable 设置为 true 或将 allowChartUpdate 设置为 false 应该可以解决问题。
<HighchartsReact
...
immutable = { true }
/>
文档： https://github.com/highcharts/highcharts-react#options-details