Different Height for AxisGridLines.

[AnanditaP]

Description of the feature

Please suggest if there is a solution/workaround for this feature. Different Height for AxisGridLines like we can set for X Axis
using xAxis.grid.cellHeight

In the feature-
1st AxisGridLine have height (d attribute) 150px
2nd and 3rd AxisGridLine have different height (d attribute) 60px
4th AxisGridLine have height (d attribute) 150px

[KacperMadej]

Hi @AnanditaP

I'm not sure if this is any different from the demo for the API option you mentioned - https://api.highcharts.com/gantt/xAxis.grid.cellHeight

The demo: https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/gantt/grid-axis/cellheight

In short: the grid system works internally as multiple x-axes, so the options could be set in a similar way to set up multiple x-axes as shown in the demo above.

Please let me know if this the feature you were looking for.

In general, you could contact technical support for questions like this - see: https://www.highcharts.com/blog/support/

[AnanditaP]

Hi,
It is the same feature that Highcharts provide for xAxis. But we need it for data grids as well - e.g - In the demo,
https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/gantt/grid-axis/cellheight
just like we can set different heights for xAxis - One row i.e. Week 47, Week 48 and Other row i.e. M,T,W,T,F,S,S using xAxis.grid.cellHeight, can we set different heights for Rows - StartPrototype, Test Prototype, Develop, Run Acceptance Test.
e.g - StartPrototype have row height 50, Test Prototype have height 90, Develop have height 30 and Run Acceptance Test have height 120.

Please let me know If there is a solution /workaround .

[KacperMadej]

Currently, there is no option for this in the API.
As a workaround, you could use axis breaks.
Here's a PoC: https://jsfiddle.net/BlackLabel/my36or2u/

Related issue: #14983

[AnanditaP]

Thank You for providing the solution. It works when series(Nodes) are expanded (default behavior) at the time of loading. But when series are collapsed using collapsed: true , It changes the height of row(AxisGridLines).
Please suggest any workaround when nodes are in collapsed state at the time of loading.

[KacperMadej]

@AnanditaP
Please add a minimal live demo.