[email protected]
Posts: 65
Joined: Fri Aug 26, 2022 9:33 am

Highchart Gantt Data is overlapping due same dates

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
Posts: 700
Joined: Tue Jan 24, 2023 11:21 am

Re: Highchart Gantt Data is overlapping due same dates

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!
Jędrzej Ruta
Highcharts Developer
[email protected]
Posts: 65
Joined: Fri Aug 26, 2022 9:33 am

Re: Highchart Gantt Data is overlapping due same dates

jedrzej.r wrote: Fri Apr 28, 2023 4:45 pm 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]
Posts: 65
Joined: Fri Aug 26, 2022 9:33 am

Re: Highchart Gantt Data is overlapping due same dates

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
Posts: 700
Joined: Tue Jan 24, 2023 11:21 am

Re: Highchart Gantt Data is overlapping due same dates

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!
Jędrzej Ruta
Highcharts Developer
jedrzej.r
Posts: 700
Joined: Tue Jan 24, 2023 11:21 am

Re: Highchart Gantt Data is overlapping due same dates

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!
Jędrzej Ruta
Highcharts Developer

Return to “Highcharts Gantt”