How to avoid overlapping connectors?

[Kannan T]

Hi,

I've added 3 nodes to the diagram and connected 1st and 3rd node through connector like this,

  public connectors: ConnectorModel[] = [

    {

      id: "Con1",

      sourceID: "HTML5",

      targetID: "HTML6",

      type: "Orthogonal"

    }

  ]

But the connector is overlapping the 2nd node although I've set the type to "Orthogonal". Attached the sample code. May I know how to solve this issue?

Regards,

Kannan

Attachment: OverlappingConnectors_6960afe5.zip

[Ramya Thirugnanam]

Hi Kannan, 

 

We does not have support for automatic line routing feature. We have already considered this as a feature request. To overcome this, please enable port to port connection to the node or set length ,direction and type to the connector segments. Please find below code example for how to set segments for connector. 

 

 

let connectors: ConnectorModel[] = [ 

        { id: 'connector1', sourceID: 'node1', targetID: 'node3', segments: [{type: 'Orthogonal', length: 90, direction: 'Bottom'}], type: 'Orthogonal' }, 

        

    ]; 

 

Regards, 

Ramya T 

[Kannan T]

Hi Kannan, 

 

We does not have support for automatic line routing feature. We have already considered this as a feature request. To overcome this, please enable port to port connection to the node or set length ,direction and type to the connector segments. Please find below code example for how to set segments for connector. 

 

 

let connectors: ConnectorModel[] = [ 

        { id: 'connector1', sourceID: 'node1', targetID: 'node3', segments: [{type: 'Orthogonal', length: 90, direction: 'Bottom'}], type: 'Orthogonal' }, 

        

    ]; 

 

Regards, 

Ramya T 

Hi Ramya,

May I know when this routing feature will be released? Thank you !

Regards,

Kannan

[Ramya Thirugnanam]

Hi Kannan,   

 

Reported requirement: routing support for connector. 

 

Currently, we don’t have support for routing support. But, we don’t have any immediate plans to implement this feature. At the planning stage for every release cycle, we review all open features. We will implement this feature in any of our upcoming releases. We may consider this feature for our Volume 2 2019 release which is tentatively scheduled on June 2019. We will update you when this feature has been implemented.    

  

Now, you can now track the status of your request, review the proposed resolution timeline, and contact us for any further inquiries through the below link.   

   

Link: https://www.syncfusion.com/feedback/428/automatic-line-routing-support  

  

  

Regards,    

Ramya T