Posts: 18
Joined: Mon Jun 19, 2023 5:12 pm

scrollablePlotArea does not work as expected

Tue Jun 27, 2023 6:09 pm

Hi Community!

I am creating react-typescript app and I am using Gantt chart.
I tried to use scrollablePlotArea to achieve this result here
But in my case this scrollbar does not behave similar to the above example.
Here is my code


Please see the highlighted part of the image I dont want to see these when i am scrolling.
Am i missing something or this is expected behavior?

Posts: 519
Joined: Tue Jan 24, 2023 11:21 am

Re: scrollablePlotArea does not work as expected

Wed Jun 28, 2023 10:06 am


Welcome to our forum and thanks for contacting us with your issue!

In Gantt charts, when the content is longer than the actual viewport, there are two reccomended ways in which you can achieve scrolling without compromising visible data: When using scrollablePlotArea, you can set opacity to 1 in order to hide unseen content. As for the x-axis on top of the chart, it is intentional so that when there is a lot of data, users don't loose track of x-axis headers at the moment.

API: ... ea.opacity

Let me know if you have any more questions.
Best regards!
Jędrzej Ruta
Highcharts Developer

Return to “Highcharts Gantt”