Arrow distort on parallel branches

GoJS
1

Hi,

When I add parallel branches coming out from single node, arrow icon distorts.
Please help.

2

How did you define the link template?

3

Provided “curve: go.Link.Bezier” on link shape.
Arrow shapes use these properties: toArrow: “OpenTriangle”, segmentFraction: 0.05

4

And also, links overlap in case I add multiple parallel branches.

5

Does the arrowhead look better if you remove the setting of segmentFraction?

6

No. Doesn’t make any change in arrowheads.

7

myDiagram.nodeTemplate = $(go.Node, "Vertical", $(go.TextBlock, new go.Binding("text", "key")), $(go.Shape, { portId: "", fromEndSegmentLength: 40, toEndSegmentLength: 40 }, { stretch: go.GraphObject.Horizontal, height: 6, strokeWidth: 0 }, new go.Binding("fill", "color")) );</p><p> myDiagram.linkTemplate = $(go.Link, { curve: go.Link.Bezier }, $(go.Shape), $(go.Shape, { toArrow: "OpenTriangle" }) );


results in: