deepak-oli
Posts: 2
Joined: Thu Mar 09, 2023 5:30 am

HighCharts Gantt row height to be auto

In my case, I have Highcharts Gantt with multiple vertical stacked bars in a single row, but all the rows have the same height with blank space. I want the row's height to be dependent on the amount of bars it has and not dependent on other rows. here are some screenshots and Stackblitz link.

https://stackblitz.com/edit/react-ts-oz ... lendar.tsx
jedrzej.r
Posts: 700
Joined: Tue Jan 24, 2023 11:21 am

Re: HighCharts Gantt row height to be auto

Hello and welcome to our forum!

Thanks for contacting us with your question. Unfortunately, Highcharts Gantt doesn't have a property that allows to set individual row height, because row placement is calculated by chart height. You can try using yAxis.staticScale property, although it applies to all rows on Axis.

There is a similar topic on GitHub Highcharts repository, which has a workaround: https://github.com/highcharts/highchart ... -791540339. If you want, you can upvote this feature request, so it might get implemented in the future.

References:
https://api.highcharts.com/gantt/yAxis.staticScale
https://api.highcharts.com/gantt/yAxis.breaks

In case of any other questions related to Highcharts functionality feel free to contact us anytime.
Best regards!
Jędrzej Ruta
Highcharts Developer

Return to “Highcharts Gantt”