Vertical Range Slider in Highcharts Gantt Chart (QuickSight Custom Visual)

Hi everyone,

I’m currently working with a Highcharts Gantt Chart in Amazon QuickSight and would like to use the Vertical Range Slider (the same scrollbar/range selector that is available in standard QuickSight visualizations when many rows/categories are displayed).

I tried enabling it through Highcharts configuration and even added the required code manually, but unfortunately nothing happens. There is no error message and the chart does not seem to react to the configuration at all.

My goal is to have a vertical scrollbar on the category axis so users can easily navigate through a large number of tasks/resources without displaying everything at once.

Has anyone experienced the same issue with Highcharts Gantt charts in QuickSight?

Any hints, examples, or documentation references would be greatly appreciated.

Thanks in advance!

Hi @tim.hegenberger and welcome to the community!

This is an interesting case you’ve found, when native scrollbars or range sliders are unresponsive, it is usually because the Highcharts container lacks explicitly constrained dimensions, or the axis visible range hasn’t been explicitly defined. With that being said, here are some resources on Highcharts that I think will be useful for you.

https://democentral.learnquicksight.online/#Dashboard-FeatureDemo-DemoCentral-Highcharts-Visual

Hope this helps!