Nested data on the same row in parallels

[Roma Cook]

Hi guys,
I have API which returns data in structure [ {title: 'title', values: [ { startDate: Date, endDate: Date, name: string} ]}]. I would like to display values in one parent(series) row but in parallels values. Please check screenshots:
Current:

Capture11.PNG (4.59 KiB) Viewed 3869 times

Expected:

Capture12.PNG (7.2 KiB) Viewed 3869 times

My current solution: https://jsfiddle.net/qnp8j53v/

[jedrzej.r]

Hi!

Welcome to our forum and thanks for reaching out to us!

Unfortunately, there isn't any option available in Highcharts Gantt that allows to layout tasks paralell, as it is related to inability of setting each row height. There is a similar topic on forum that covers this subject: viewtopic.php?f=19&t=50754.

As a workaround, you can use this solution that adds breaks to y-axis in order to create enough space for the tasks, and then moves the collapsing points, so that they are spaced out parallel. Note that this solution isn't fully tested and probably would require some customization.

If you believe that such option should be included in Highcharts Gantt, you can post a feature request on GitHub repository: https://github.com/highcharts/highchart ... .md&title=. The more people that upvote, the closer we are to seeing this idea become a reality.

Demo: https://jsfiddle.net/BlackLabel/x79ufn3w/

API:
https://api.highcharts.com/gantt/yAxis.breaks
https://api.highcharts.com/class-refere ... #translate
https://api.highcharts.com/class-refere ... xis#update

Let me know if you have any more questions!
Best regards!