Highchart Gantt Data is overlapping due same dates

[[email protected]]

Hello,
I'm using a Gantt with UniqueNames and when we have a task with overlap dates the bars overlapping. I would like to ask if there is a way to make this look better?

Look for the SubTask 24:

https://ibb.co/9wDTX6H

Thanks in advance

[jedrzej.r]

Hi!

Unfortunately, for now it isn't possible to space out collapsing tasks, and it is related to no possibility of setting height of each row in Gantt charts. If you believe it should be included in Highcharts Gantt, you can post a feature request here: https://highcharts.uservoice.com/forums ... script-api. If more people upvote this request, it might get implemented in near future.

For now, I've prepared a dirty workaround that "moves" collapsing points and adds breaks on yAxis to ensure there is enough space for them to fit. Note that this solution isn't fully tested and probably would require a bit of customization.

Live 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 this solution works for you!
Best regards!

[[email protected]]

Hi!

Unfortunately, for now it isn't possible to space out collapsing tasks, and it is related to no possibility of setting height of each row in Gantt charts. If you believe it should be included in Highcharts Gantt, you can post a feature request here: https://highcharts.uservoice.com/forums ... script-api. If more people upvote this request, it might get implemented in near future.

For now, I've prepared a dirty workaround that "moves" collapsing points and adds breaks on yAxis to ensure there is enough space for them to fit. Note that this solution isn't fully tested and probably would require a bit of customization.

Live 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 this solution works for you!
Best regards!

Thanks for your answer Jędrzej.
This solution give me the possibility to have parents? I'm asking because before I tryed with xrange and Grouping and it's not possible to have parents.

Many thanks, Paulo Torres

[[email protected]]

Hello,
When the bars overlapping due same dates it's possible to choose which one I want in front, which one stands out?

Thanks in advance

[jedrzej.r]

Hi!

Sorry for the late response! We are still working on this topic as it isn't a trivial problem in ganttChart, I'll get back to you with information as soon as possible.

Best regards!

[jedrzej.r]

Hi!

Once again, sorry for the late response. Regarding your previous question:

This solution give me the possibility to have parents? I'm asking because before I tryed with xrange and Grouping and it's not possible to have parents.

I believe it is possible, although it would require a highly customized code, because after toggling parent task, children tasks are rendered again. What I'd suggest is proposing a new feature request on GitHub repository: https://github.com/highcharts/highchart ... .md&title=. If this issue gets more upvotes, it might get implemented in near future.

As for overlapping bars, it's not possible to choose which one should stand out, because the tasks are positioned according to their order in data object.

In case of any other questions, feel free to ask anytime.
Best regards!