Organize orgchartlayer

Hi,

Im using an OrgChartLayer to dispaly an electronic circuit. I selected 
var MyLayout = new OrgChartLayoutManager(this.diagram1.Model, RotateDirection.TopToBottom, 100, 10, LayoutType.Waterfall, 1, false);

Chart contains about 400 items. 
My problems are :

- a few children of first and second level have several hundreds chidren when others have only somes. Is it possible to override the automatic layout in order they appear closer to the top parent and not completely at the bottom ? (ie sort waterfall with number of children ascending)

- How can I increase the width of the layout and the reduce it's high in order to make it more readable ? (see joined file syncfusion 1) According to screen copy syncfusion2 it seems possible to offset nodes to the right in order that the total heigth is not the total of each node height but less with nodes going partially up to about half of the preceding (level-1)

Thanks,

Olivier


Attachment: screencopy_d02824fe.7z

5 Replies

NG Naganathan Ganesh Babu Syncfusion Team July 24, 2018 10:51 AM UTC

Hi Olivier, 

 a few children of first and second level have several hundreds chidren when others have only somes. Is it possible to override the automatic layout in order they appear closer to the top parent and not completely at the bottom ? (ie sort waterfall with number of children ascending) 
Currently the layout nodes are arranged with based on the Z-order of the nodes. But we don’t have support to layout the nodes based on the number of children nodes contains parent nodes. So, we have considered it as feature request with “Layout to arrange the nodes based on the number of children nodes contains parent node” and we will implement this feature in any of our upcoming releases.  
 

- How can I increase the width of the layout and the reduce it's high in order to make it more readable ? (see joined file syncfusion 1) According to screen copy syncfusion2 it seems possible to offset nodes to the right in order that the total heigth is not the total of each node height but less with nodes going partially up to about half of the preceding (level-1) 

We are unable to find the actual root cause of your requirement from the given details. So, could you please share/explain us more details about your requirement by using the screenshot or video for current and expected behavior of your requirement.  

Regards, 

Naganathan K G 



OL Olivier July 24, 2018 11:23 AM UTC

Hi,

Thanks for your answer, I would greatly appreciate the "ordering by children count" option, let me know when it could be implemented.

About the second question, I joined a screen copy. I would like to move all the node slightly up and right in order to reduce the height of the diagram and then increase it's width. In other words, compress vertically and expand horizontally. 

Currently, first nodes begin before the end of it parent so moving it up will overlap it. If the node begins slightly after the end of its parent, it would then be possible to move/draw it up until its top nearly reach the middle of ita parent, in order to keep the link netween the two visible.

I tried to set a negative vertical offset (syncfusion5 copy) 
var MyLayout = new OrgChartLayoutManager(this.diagram1.Model, RotateDirection.TopToBottom, 200, -10, LayoutType.Waterfall, 1, false); 
but it seems that increasing horizontal offset has no effect, nodes aren't moved to the right (I tried 100, 200, 300...).

Thanks,

Olivier


Attachment: syncfusion_bf4a6577.7z


NG Naganathan Ganesh Babu Syncfusion Team July 25, 2018 12:13 PM UTC

Hi Olivier, 
 
Thanks for your answer, I would greatly appreciate the "ordering by children count" option, let me know when it could be implemented. 
We will implement and include this feature in our main release volume 4 which will available in December, 2018. 
Regarding Second question, 
Please confirm us whether you are expecting the child nodes are rendering into the right side of the parent (i.e. horizontally right) and bottom of the parent (i.e. vertically down after parent)? please refer to the below images for current and expected behavior.  
 
Current behavior 
Expected behavior 
 
 
 
Once you confirm the above behavior, we will analyze and create a sample to customize the Diagram’s GraphLayoutManager class and arrange the layout as per your requirement. 
 
 
Regards, 
 
Naganathan K G 



OL Olivier July 25, 2018 12:38 PM UTC

Hi,

Yes, completely correct, the expected behavior is in the right picture.

Olivier


NG Naganathan Ganesh Babu Syncfusion Team July 26, 2018 09:56 AM UTC

Hi Olivier, 
 
Thanks for your update. 
 
We suggest you to customize the Diagram’s GraphLayoutManager class and override the UpdateLayout() method into the customized class to add you logic code to achieve your requirement. please refer to the below documentation for customizing the Diagram’s LayoutManager and sample. 
 
Documentation: 
 
 
Sample: 
 
 
Regards, 
 
Naganathan K G 


Loader.
Up arrow icon