Here link emitted through VenderCommanLine has showing three link emitted from node. Now i want that three link should be overlap from starting and then expanded before joining the $170, $190 and thrid coming $130. same problem visible in confirm purchase order. i want red and black link should overlap from start after that moving towards thier position.
like this but i don’t want treeLayout.
$(go.Link, // the whole link panel
{
routing: go.Link.AvoidsNodes,
curve: go.Link.JumpOver,
corner: 50,
toShortLength: 4,
// relinkableFrom: false,
// relinkableTo: false,
reshapable: false,
resegmentable: true,
selectionAdorned: true,
shadowOffset: new go.Point(1, 1),
//adjusting: go.Link.Stretch,
},
new go.Binding(“points”).makeTwoWay(),
new go.Binding(“isShadowed”, “isSelected”).ofObject(),
$(go.Shape, // join line
{ name: “SHAPE”, strokeWidth: 3, strokeJoin:‘round’},
new go.Binding(‘stroke’, ‘progress’, progress => progress ? “#ff2d2e” : ‘#000000’),
),
$(go.Shape, // the arrowhead
{ toArrow: “standard”, segmentIndex: NaN, segmentFraction: 0.5 , stroke: null, strokeWidth:1, strokeJoin:‘round’},
new go.Binding(‘stroke’, ‘progress’, progress => progress ? “16” : “16”),
new go.Binding(‘fill’, ‘progress’, progress => progress ? “#ff2d2e” : ‘#000000’),
),
);
###code of Layout
layout: $(go.LayeredDigraphLayout,
{
isInitial: false,
isOngoing: false,
layerSpacing: 100,
linkSpacing:20,
setsPortSpots: false,
//alignOption: go.Spot.Center
}),