How can I control the overlapping of Link Labels with any node, adornments and Links.
for example
this is how it looks
But if I change the position of the Node. It looks very bad
But what I actually want to achieve is this
so that even if I hover on the Node the Link Label will stay there and will not be overlapped by any of the GraphObjects
Here my code for creating a link
diagram.linkTemplate = GJS(go.Link, { selectable:false,
routing: go.Link.Orthogonal,
curve: go.Link.JumpGap,
corner: 10 ,
mouseHover:this.showDeleteButton},
GJS(go.Shape, {fill: '#6f6f8d' , stroke: '#6f6f8d', strokeWidth: 2}),
GJS(go.Shape, { toArrow: 'Triangle' , fill: '#6f6f8d' , stroke: '#6f6f8d'}),
GJS(go.Panel, 'Auto', { width: 109, height: itemHeight, segmentIndex: 1, segmentFraction: 0.5,
segmentOrientation: go.Link.OrientAlong ,segmentOffset: new go.Point(0, 0),
},
GJS(go.Shape, 'RoundedRectangle', { fill: 'white'}),
GJS(go.TextBlock, new go.Binding('text'))
),
GJS(go.Panel,'Vertical',
GJS(go.Picture,{source:'assets/icons/node_icons/link_data/wait.svg',segmentIndex: 2, segmentFraction: 0.5})),
);