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上有效,但覆盖问题仍然发生在我的本地上,所以奇怪的是,谢谢,我会看看并尝试在我的项目中重新应用他的解决方法