Overlapping edges

[ssmereka]

In the following example an edge is being hidden behind another edge. See the code in this JSFiddle.

If we move nodes C, D, E, and F you can see the hidden edge.

[ssmereka]

Can anyone take a look at this let me know if it is expected behavior or a bug? I don't mind looking into the Dagre code, but I would rather not waste time if this is an expected result from the algorithm.

[NRWhittle]

@ssmereka I know it's been a few years so you might not remember, but did you ever find a workaround for this?

[ssmereka]

@ssmereka I know it's been a few years so you might not remember, but did you ever find a workaround for this?

@NRWhittle I unfortunately do not remember. I think it was still a problem, but the data we were displaying changed in a way that it was no longer an issue.

[NRWhittle]

After some testing it I think it might be the graph's align property that's causing some overlap issues. This is a 3 node test case with rankDir = 'LR' and align = 'DR':

and then is what happens when I leave align as the default:

and then just for completeness, the same graph with rankDir being left as the default. With align = 'DR':

and with both rankDir and align as default:

Hopefully this might help anyone in the future seeing the same issues.