We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to avoid overlapping connectors?

Thread ID:

Created:

Updated:

Platform:

Replies:

142862 Feb 22,2019 03:06 PM UTC Feb 26,2019 07:16 AM UTC Angular - EJ 2 3
loading
Tags: Diagram
Kannan T
Asked On February 22, 2019 03:06 PM UTC

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 [Syncfusion]
Replied On February 25, 2019 12:42 PM UTC

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
Replied On February 26, 2019 05:46 AM UTC

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 [Syncfusion]
Replied On February 26, 2019 07:16 AM UTC

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.   
   
  
  
Regards,    
Ramya T   


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon