Gantt chart - row height

[janir4]

Hi!

Would like to narrow the row of height the Gantt chart, to show more activities, any way to achieve this ?

Thanks!

Bbest regards,
janir

[bastss]

Hello janir4!

It is possible to set height property for whole chart and Highcharts will automatically change heights for each cell, like in the example below: https://jsfiddle.net/Bastss/5x4j3svL/. However better solution is to create a function where we can set height for each cell and function will update whole chart depends on this height and number of data, like here: https://jsfiddle.net/Bastss/4fawex9t/.

Best regards!

[janir4]

Hi bastss!

Thanks, I was looking elsewhere for a "row" setting.

I now set the height from the backing bean, works like a charm!

Best regards,
janir

[alexdev2010]

Hello janir4!

It is possible to set height property for whole chart and Highcharts will automatically change heights for each cell, like in the example below: https://jsfiddle.net/Bastss/5x4j3svL/. However better solution is to create a function where we can set height for each cell and function will update whole chart depends on this height and number of data, like here: https://jsfiddle.net/Bastss/4fawex9t/.

Best regards!

Hey bastss,
This old answer helped me a lot. Thanks, for that.
Unfortunately, It won't work when parent-child groups are used. Collapsing the group causes a strange behavior, the parent row gets bigger.
Does any workaround get your mind?


Here a modified version of your script
https://jsfiddle.net/jpxgfkdr/2/

[karolkolodziej]

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

You have to update the chart height also after collapsing the children as I did it in the demo.
To do this, I used the y-axis label group.

Live demo: https://jsfiddle.net/BlackLabel/uf5pznqb/

Feel free to contact us if further needed.
Regards!

[karolkolodziej]

You might also use the yAxis property to set each row hight by setting the staticScale.
API: https://api.highcharts.com/gantt/yAxis.staticScale
Live demo: https://jsfiddle.net/BlackLabel/36k7vy8x/

Regards!