Arrow distort on parallel branches


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

How did you define the link template?

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

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

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

No. Doesn’t make any change in arrowheads.

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: