How can I set telerik RadDiagram layout same as per shown in the below picture?

1 Answer 66 Views
Diagram
Parth
Top achievements
Rank 1
Iron
Iron
Parth asked on 28 Mar 2024, 07:55 AM

Hello,

I wanted layout as per images shared with the questions/forums. You also provided with me solutions but I am not able to draw the layout as per wish.

[ I am sharing here another picture of layout if possible can you please show me a workaround.

I am also attaching the sample project so if i am doing anything wrong can you please check?

1 Answer, 1 is accepted

Sort by
0
Stenly
Telerik team
answered on 01 Apr 2024, 11:48 AM

Hello Parth,

I have modified the sample project to achieve the result from the provided image, as well as to utilize the NodeViewModelBase, LinkViewModelBase, and GraphSourceBase classes. For the ordering of the shapes, the Position property exposed by the ItemViewModelBase is utilized, instead of using the tree layout.

The produced result is as follows:

I hope the proposed approach will be of help to you.

Regards,
Stenly
Progress Telerik

A brand new ThemeBuilder course was just added to the Virtual Classroom. The training course was designed to help you get started with ThemeBuilder for styling Telerik and Kendo UI components for your applications. You can check it out at https://learn.telerik.com
Parth
Top achievements
Rank 1
Iron
Iron
commented on 05 Apr 2024, 08:17 AM | edited

......

 

Parth
Top achievements
Rank 1
Iron
Iron
commented on 05 Apr 2024, 08:21 AM

I used dynamic data sources so i can't put the position of all the nodes, so any other way to solve the dynamically layout set in graph.

[get data using excel and create graph, i given you sample of excel]

Parth
Top achievements
Rank 1
Iron
Iron
commented on 11 Apr 2024, 04:41 AM | edited

We create a diagram using datasources but we cannot statically provide the position of all nodes.

So can you help us in making the algorithm for the layout of the diagram.

Parth
Top achievements
Rank 1
Iron
Iron
commented on 11 Apr 2024, 06:10 AM

The layout we want is given in the pictures,
Stenly
Telerik team
commented on 15 Apr 2024, 07:16 PM

Implementing such an algorithm from the ground is not an easy task and we do not have an example that I could share with you that looks like the end result from the images that you shared.

You could check different tree drawing algorithms and try to implement one of them in your application based on the information that comes from your data source.

Parth
Top achievements
Rank 1
Iron
Iron
commented on 16 Apr 2024, 07:36 AM

Can you please give me a small example of tree drawing algorithm, which i can used in my project.
Tags
Diagram
Asked by
Parth
Top achievements
Rank 1
Iron
Iron
Answers by
Stenly
Telerik team
Share this question
or