How to draw orthogonal line connection

[Hyunho]

Dear sir,

I was wondering how to draw orthogonal line connection on a diagram like visio.
RadDiagram provide three types of connection( polyline, beizer, spline.), but I couldn't find a way to draw orthogonal line.
I have looked over Routing service in the manual, but I couldn't understand it.

I need this function because my application is similar to MS visio.

Could you show me a example for this?

Thank you.

[Petar Mladenov]

Hello Hyunho,

You can start with our Connections help article here. Basically , to make a real Polyline connection , you can add points to the ConnectionPoints collection of the RadDiagramConnection - either programmatically, or interactively by pressing (Ctrl + Mouse Left Button) over the connection. Then you can move this intermediate points to control your connection.

In order to use the built-in "orthogonal" routing mechanism in RadDiagram , just set the RouteConnections property to True. In the Routing section in our documentation you will find how to create and use custom routing algorithms, or how to use the OrgTreeRouter suitable for hierarchical diagrams.

All the best,
Petar Mladenov
the Telerik team

[Subramaniam]

Hi Petar,

Actaully i am using raddiagram and raddiagram for the graphical representation of Server networks, So i have attached the image,
In that connections i have been highlighted the issue from Red color out line, and mine requirement from green color, in image you can see, the blue connection line have so much turn, while if you see it should be like green lines connections, Please let me know how can i avoid these many turns from Polyline tyle Connections style, please provide me a sample...
I used the route connection...



Regards,

Subramaniyam

[Petar Mladenov]

Hi Subramaniam,

You can try the AStarRouter in RadDiagram. We answered this queston in this forum thread.

this.diagram.RoutingService.Router = new AStarRouter(this.diagram) { WallOptimization = true };
this.diagram.RoutingService.FreeRouter = new AStarRouter(this.diagram) { WallOptimization = true };

Regards,
Petar Mladenov
Telerik