Javascript 使用React重新渲染时的Hightcharts Y轴覆盖

Javascript 使用React重新渲染时的Hightcharts Y轴覆盖,javascript,reactjs,highcharts,spline,Javascript,Reactjs,Highcharts,Spline,我使用定义了scrollablePlotArea选项的样条曲线图表为我的案例准备了一个示例。当页面第一次完成加载时,Y轴被正确渲染,但由于父组件的一些重新渲染,Y轴将被打印区域重叠 检查此行为,我发现第一次加载页面时,Y值在highcharts fixeddiv中呈现,但任何事件使此图表重新呈现,Y值将在highcharts滚动中呈现,我认为这是此问题的根本原因 示例链接: 如果您有任何解决方案,我们将不胜感激 提前感谢,该问题是一个Highcharts错误,报告如下: 转载问题: 作为一种解决

我使用定义了
scrollablePlotArea
选项的
样条曲线
图表为我的案例准备了一个示例。当页面第一次完成加载时,Y轴被正确渲染,但由于父组件的一些重新渲染,Y轴将被打印区域重叠

检查此行为,我发现第一次加载页面时,Y值在
highcharts fixed
div中呈现,但任何事件使此图表重新呈现,Y值将在
highcharts滚动中呈现,我认为这是此问题的根本原因

示例链接:

如果您有任何解决方案,我们将不胜感激


提前感谢,

该问题是一个Highcharts错误,报告如下:

转载问题:

作为一种解决方法,您可以使用github线程中的代码,但也可以将
不可变
设置为
true
allowChartUpdate
设置为
false
应能解决此问题

<HighchartsReact
    ...
    immutable = { true }
/>


Docs:

嗨@Duc Hong,如果你有一个静态图表,最简单的解决方案是将
allowChartUpdate
选项设置为
false
:正如doc所说,在初始化组件时,我成功地将选项
immutable
设置为
true
。但仍然有可能找到问题的根本原因,因为在我的例子中,在我从下拉列表中选择了一个选项之后,数据将被更新。您使用的是旧版本的
highcharts react官方
包装器。请使用最新版本(2.2.2):哦,对不起,演示链接上的旧版本,但在我的实际项目中,我也使用2.2.2。有趣的是,当我复制了你链接上的选项时,虽然它在codesandbox上有效,但覆盖问题仍然发生在我的本地上,所以奇怪的是,谢谢,我会看看并尝试在我的项目中重新应用他的解决方法