Highcharts 甘特图依赖连接路径在滚动时响应缓慢

Question

我在使用甘特图时遇到了一个奇怪的性能问题，它似乎也发生在官方演示中。

我从这个演示代码开始：https://www.highcharts.com/demo/gantt/subtasks

我做的唯一改变是我添加了最大为 6 的垂直滚动 (yAxis)。问题是依赖行不能顺畅地滚动相应的条。他们落后并努力赶上他们所连接的酒吧。

注意这张图片中的依赖箭头不是固定在错误的位置。它们只是在垂直滚动期间滞后，然后慢慢移动以重新连接到相应的栏。我在 Chrome 和 Firefox 中都试过了——结果相同。更奇怪的是，同样的代码在 JSFiddle 或 CodePen 上没有表现出这种行为。

这是我的版本的链接：http://tanoro.com/files/ganttchart2.html

我希望我的用户能够在有更大数据集的情况下滚动图表，但线条滞后的问题只是在视觉上令人反感。是否有针对此的性能修复？

还有一个附带问题，即无法通过鼠标滚轮或 PgDown 键进行滚动。对此的修复也很方便。

Answer 1

您可以使用

yAxis.scrollbar

而不是使用

chart.scrollablePlotArea

，在这种情况下效果更好。那么依赖线就没有问题了

演示：https://jsfiddle.net/BlackLabel/pLr6q0sf/
API：https://api.highcharts.com/gantt/chart.scrollablePlotArea.opacity

此外，您可以将此行为作为错误报告给 GitHub 上的库存储库：https://github.com/highcharts/highcharts/issues/new/choose