Link overlapping LayeredDigraphLayout

GoJS
1

HI!
I have a chart like this https://codepen.io/lesh1j/pen/PoONLPm - this is a live example
I’m happy with this layout.:

image 1 (13)
image 1 (13)625×569 4.17 KB

But, when I add a few more nodes on layer 3, node “3_1” moves down and the link between nodes “3_1” and “4_6” overlaps with others

image 1 (12)
image 1 (12)627×697 5.32 KB

If any solution to this problem?
Thanks

2

Try using the built-in Link class, not your subclass, in your link template.
The standard LayeredDigraphLayout routing will separate those overlapping link path segments.

3

do you mean like this?

image 2 (2)
image 2 (2)638×686 8.71 KB

Yes, I know that there will be no overlay with standard links.
But isn’t there a solution to have the connected nodes be opposite? As in the first picture
This link route is a must for me

4

In your CodePen, with the only change being the link template using Link instead of your HorizontalLink, I am getting:

image
image689×821 15.9 KB

5

Thank You
Yes, I know this option too.
That is, I cannot change the positions of the nodes in any way?
To be something like this:

image 1 (14)
image 1 (14)661×689 5.48 KB

6

Well, for that particular case, I would use TreeLayout instead of LayeredDigraphLayout.

7

The TreeLayout does not suit me because any node can have many parents. This is just an example. I already have a ready-made project in which a lot has been done specifically for LayeredDigraphLayout

8

What happens if you set LayeredDigraphLayout.packOption to go.LayeredDigraphLayout.PackStraighten?