DarioN1
Posts: 9
Joined: Fri Oct 15, 2021 1:23 pm

Events Overlapping

Hi,
How to deal with 3 events overlapping ?
I mean: I have 2 events and a milestone for each row ( starting/end, confirmed date and a milestone).

I want to set a kind of priority like z-index in html in order to manage the events positioning, how to do that ?

Image

If you see the images, the second and the third "rows" are showed properly, BUT the in the first, if you notice, the milestone is properly
rendered over the orange event, but I want also that the "CONF" ( the yellow one) event appears over the orange event.

How can I do it ?
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Events Overlapping

Hi,

Thanks for contacting us with your question!

To change the index of series you can use Highcharts.series.index property. But if that's not what you are looking for then it would be easier to help if you would reproduce it in an online editor. You can start with this: https://jsfiddle.net/BlackLabel/24wcr7f8/

API: https://api.highcharts.com/gantt/series.gantt.index

Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/
DarioN1
Posts: 9
Joined: Fri Oct 15, 2021 1:23 pm

Re: Events Overlapping

Hi Michael, actually Im not using series...
Reproduce my example is really hard, but if you check my image, you can see that first row "AQUA LETE" is overlapping "CONF" event...
I want that CONF event stays always on top
Thanks to support
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Events Overlapping

Hi Dario,

I can see what the problem is but it's hard to help if I don't know how you create a "CONF" event. I do not mean that you should recreate the entire Gantt, but the problem with which you are writing.

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

Return to “Highcharts Gantt”