What determines vertical stack order for events?

[JaredDiCioccio]

I have a requirement to display events, and one requirement is to have "similar" events from one source drawn in the same row.

For example:

These are all events from "Node 1". We want all "TX" events to be drawn on the same row, and all "RCV" events to be drawn on the same row. So for this example I want the two "TX" events to be in the 'second row' of Node 1, and the two "RCV" events to be on the 'third row' of Node 1.

The backing data is not currently defined so I have total freedom there. Is there any current support for determining the vertical sort order of events within the same group?

codesandbox of above

[acemac]

I've had a quick look through the code and there is very little science to the overlapping. From what I understand is that the items are placed on the timeline in the order they come in from the items array.

If the item overlaps with an item with a lower index, it will be moved down a level.

To better control how the items render could you use multiple groups and styling?

[Ilaiwi]

@JaredDiCioccio I dont think this would work in the current implementation.
you are welcome though to submit a PR to support the needed behaviour but it is not in our current plans to do so