Problems with links between nodes

GoJS
#1

Hi, I’m having a problem connecting some nodes via links. When the connection is made, they overlap over the nodes. How can I avoid this? Thanks in advance.

That’s how it looks.

Screenshot_16

I need something similar to this.

Screenshot_17

That’s my linkTemplate code

 this.dia.linkTemplate =
$(go.Link,
  { routing: go.Link.AvoidsNodes,
    corner: 15 },   
  $(go.Shape, { toArrow: "Standard" })
);

 public diagramLinkData: Array<go.ObjectData> = [
{ from: "311", to: "314" },
{ from: "311", to: "315" },
{ from: "311", to: "316" },

];

#2

Set fromSpot and toSpot on either the Links or on the Nodes. Please read: https://gojs.net/latest/intro/connectionPoints.html

#3

Great, that keeps them from overlapping. Is there no way that the lines resemble the design I need?

At the moment, it looks like this:

Screenshot_18

#4

Just as with fromSpot and toSpot, there are several possibilities, depending on what circumstances you need to handle and what appearances and effects you want to convey. You’ll want to set the Shape.stroke and maybe the Shape.strokeWidth. And set Link.curve to go.Link.Bezier. Please read https://gojs.net/latest/intro/links.html for some ideas.

#5

Okay, Walter, I’ll check it out. Thanks.