username000
Posts: 13
Joined: Tue Mar 01, 2022 4:26 pm

gantt chart: horizontal scrollbar

hey guys thanks for providing such a great library.

how can i apply a horizontal scrollbar on my gantt chart? ( not a navigation but a scrollbar)

im currently using https://www.highcharts.com/demo/gantt/r ... grid-light.

chart: {
// type: 'gantt',
// scrollablePlotArea: {
// minWidth: 500,
// }
// },

the code above returns a vertical axis if i give a minHeight but doesnt return a horizontal scroll bar when i give a minWidth property.
username000
Posts: 13
Joined: Tue Mar 01, 2022 4:26 pm

Re: gantt chart: horizontal scrollbar

solved it!

just give it a large enough min width.

ex) min width: 2000

and make sure if you have a parent component, give the parent component a width value as well.
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: gantt chart: horizontal scrollbar

Hi username000,

Exactly, to apply a scrollbar to your chart, you need to set minWidth property. Glad to hear you have figured it out :D Thanks for sharing the solution.

Regards!
Mateusz Bernacik
Highcharts Developer

Return to “Highcharts Gantt”