ssandeep12jain
Posts: 3
Joined: Thu Jul 16, 2020 5:55 am

Highchart Gantt Chart Data is overlapping for same and middle time range

Hi Team,

In my scenario some task with start with same start Time & end time and some task is coming middle time range for the same resource, is there any way to resolve this using property or I need to write some dynamic function because I don't know the point location for the break,

Please find the demo link for your reference and suggest -

https://codesandbox.io/s/gantt-chart-ov ... mponent.ts

or

https://codesandbox.io/s/gantt-chart-ov ... mponent.ts

Thanks.
karolkolodziej
Posts: 895
Joined: Mon Mar 02, 2020 10:11 am

Re: Highchart Gantt Chart Data is overlapping for same and middle time range

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

When you disable the unique names on the y-axis, you will be able to see all of the items.

Code: Select all

uniqueNames: false,

But I'm not sure if this is what you were looking for?
Or you would like to rather kind of sum them together?

Could you please describe once more what would you like to achieve?
Regards!
ssandeep12jain
Posts: 3
Joined: Thu Jul 16, 2020 5:55 am

Re: Highchart Gantt Chart Data is overlapping for same and middle time range

Hi Team,

We just want to create a new bar if it is coming in the middle of other task start and end time like if I have two tasks with same start and end time for same name (resource) so we do like that below-

https://codesandbox.io/s/eager-lehmann-vp6d9

but here is we know the point of how we achieve dynamically for the same start and end time, and if any task is coming in the middle of other tasks for the same name (resource) so how to avoid overlapping or how to show that short time task.

below is the example link for the same resource 1 has the 8 tasks but the chart is showing only three.

https://codesandbox.io/s/gantt-chart-ov ... mponent.ts

Thanks
karolkolodziej
Posts: 895
Joined: Mon Mar 02, 2020 10:11 am

Re: Highchart Gantt Chart Data is overlapping for same and middle time range

If you intentionally use the unique names property, you should be aware that the points will be in the same category and that they might overlap.
In that case, I recommend using subtasks. In my opinion, it is more readable and gives you and the user ability to fully read the data from the chart.
You might always manually or on the load event set the y value to each point and then try to translate these points as you showed in the second example.
But in my opinion, you have too many points to spread them properly.

Tell me please if the collapsible subtasks are ok for you?
Regards!
ssandeep12jain
Posts: 3
Joined: Thu Jul 16, 2020 5:55 am

Re: Highchart Gantt Chart Data is overlapping for same and middle time range

Hi Team,


The Data is not supporting the subtask, Can I achieve by any custom logic.
Please suggest.

Thanks
karolkolodziej
Posts: 895
Joined: Mon Mar 02, 2020 10:11 am

Re: Highchart Gantt Chart Data is overlapping for same and middle time range

Please check our official demo: https://jsfiddle.net/gh/get/library/pur ... o/subtasks
All you have to do is to add the id to the parent (main task), dependency and parent do the children task.

Feel free to contact us if further needed.
Regards!
akashkumar
Posts: 1
Joined: Sat Dec 31, 2022 10:06 am

Re: Highchart Gantt Chart Data is overlapping for same and middle time range

Image

hi team,

I have this overlapping issue for same and the middle time range like the image given , what to do for this give me some example code?
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Highchart Gantt Chart Data is overlapping for same and middle time range

Hello and welcome to our forum!

There is a problem with the photo you sent, it is not showing up. Can you use some external photo hosting site for example?

Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Gantt”