Make link straight between two ports

@zamehan wrote:

Hello,

I have a fat link connected to ports of nodes. The link is coded like this:

diagram.linkTemplateMap.add("fatlink",
      $(go.Link,
        {
          toShortLength: 10,
          margin: 50,
          relinkableFrom: true,
          relinkableTo: true,
          reshapable: false,
        },
        $(go.Shape,  // the link path shape
          { isPanelMain: true, strokeWidth: 8, stroke: "red" }),
        $(go.Shape,  // the arrowhead
          { toArrow: "Triangle", stroke: "red", scale: 2, fill: "red" }),
      ),
    )

Hoever, when I connect the link, it is not straight :

image.png902×536 13.9 KB

Putting fromEndSegmentLength: 0, toEndSegmentLength: 0, straighten the link:

image.png834×450 12.8 KB

However, with this solution, as we can see, there is a problem with the arrowhead. toShortLength option doesn’t work for this as toEndSegmentLength is 0.

Do you know how I could straighten the link without arrowhead problem please? Thank you

Posts: 3

Participants: 2

Read full topic