我遇到了一个奇怪的性能问题与甘特,它似乎是发生在官方演示以及。
我从这个demo代码开始:https://www.highcharts.com/demo/gantt/subtasks
我做的唯一改变是我添加了垂直滚动(yAxis),最大值为6。问题是依赖行不能平滑地滚动到相应的条。它们落后于它们所连接的条,并且很难赶上它们。
请注意,在这张图片中,依赖项箭头并没有固定在错误的位置。它们只是在垂直滚动时滞后,然后缓慢移动以重新连接到相应的栏。我在Chrome和Firefox中都尝试过这种方法-相同的结果。更奇怪的是,同样的代码在JSFiddle或CodePen上没有表现出这种行为。
以下是我的版本链接:http://tanoro.com/files/ganttchart2.html
我希望我的用户能够在数据集更大的情况下滚动图表,但线条滞后的问题只是视觉上的问题。有没有性能修复方法?
还有一个附带的问题,滚动不能通过鼠标滚轮或PgDown键工作。一个解决这个问题的方法也会很方便。
1条答案
按热度按时间nmpmafwu1#
如果不使用
yAxis.scrollbar
,你可以使用chart.scrollablePlotArea
,在这种情况下效果更好,这样依赖行就没有问题了。演示:https://jsfiddle.net/BlackLabel/pLr6q0sf/
API:https://api.highcharts.com/gantt/chart.scrollablePlotArea.opacity
此外,您可以将此行为作为bug报告给GitHub上的库存储库:https://github.com/highcharts/highcharts/issues/new/choose