The label on the connector needs to be closer to the arrow

[Amit Potdar]

Hi,

we want the label on the connector to be close to the arrow on the diagram to easily identify the destination node/path.

currently i dont see any property on the connector to set the label postion.

Please find the attached file, in which we want the label to be placed in highlighted area.

let us know the way to achieve this behaviour.

Regards,

Kiran.K

Attachment: Capture_2b64851b.rar

[Aravind Ravi]

Hi Amit, 

 

We have created a sample to show connector annotation close to target decorator. By using annotation offset property we can able to position the connector’s annotation. Please find the below code snippet for how to set annotation offset property. 

 

public connectors: ConnectorModel[] = [ 

     { 

       id: 'connector1', sourcePoint: {x: 300, y: 100}, targetPoint: {x: 450, y: 200}, annotations: [{ 

         content: 'Connector1', offset: 0.8 

       }] 

     } 

   ]; 

 

Sample: https://stackblitz.com/edit/angular-c6dmfq-rx1t6i 

 

Regards 

Aravind Ravi