psr
Posts: 2
Joined: Wed Apr 29, 2020 8:47 pm

Scroll bar in Gantt chart

Hello HighCharts Support Team,

I am working with the Gantt chart functionality and would like to add a vertical scrollbar within the chart area itself so that users can scroll through the elements while keeping the header and navigator fixed. So far, I’ve only been able to add a scrollbar for the entire chart, which scrolls the header and navigator along with the chart area—this is not the desired effect.

I've found this example https://jsfiddle.net/BlackLabel/jwhevt60/, but is not exactly what i'm looking for. I have attached an image to illustrate what I'm trying to achieve.

Could you advise on how to add a vertical scrollbar exclusively for the chart area while keeping the header and navigator fixed? I'm considering upgrading our subscription to fully utilize the Gantt chart tool.

Thank you for your assistance!
Best regards,
Attachments
example.png
example.png (18.41 KiB) Viewed 581 times
michal.f
Site Moderator
Posts: 1128
Joined: Thu Aug 12, 2021 12:04 pm

Re: Scroll bar in Gantt chart

Hello!

Have you tried using xAxis.scrollbar?

Demo: https://jsfiddle.net/BlackLabel/p7c8r5bj/
API: https://api.highcharts.com/highstock/xAxis.scrollbar

Let me know if that is what you were looking for!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Gantt”