Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic Fractal Layout (Read 3215 times)
Shafi
Full Member
***
Offline


I Love MindFusion!

Posts: 109
Joined: Nov 8th, 2016
Fractal Layout
Nov 9th, 2017 at 6:48am
Print Post  
Hi

I am working on fractal layout and also implemented Fractal layout have look at below pic.
We are facing problem like we are not able to read the nodes as there so many nodes. Can you please suggest any other layout or if we can support  elbow arrow connector type not only straight connectors. so that this kind of diagram looks better and much more readable?
  

fractal_layout.PNG ( 118 KB | 99 Downloads )
fractal_layout.PNG
Back to top
 
IP Logged
 
Slavcho
YaBB Moderator
*****
Offline


tech.support

Posts: 3152
Joined: Oct 19th, 2005
Re: Fractal Layout
Reply #1 - Nov 9th, 2017 at 7:29am
Print Post  
Try SpringLayout, it should utilize space better for this kind of graph -



You could also color the links and move them to background to make it more legible.

Also try BorderedTreeLayout, it can create folder-tree kind of view with orthogonal links.
  
Back to top
 
IP Logged
 
Shafi
Full Member
***
Offline


I Love MindFusion!

Posts: 109
Joined: Nov 8th, 2016
Re: Fractal Layout
Reply #2 - Nov 13th, 2017 at 8:54am
Print Post  
Thanks for your suggestion. I have tried that.

Can we use elbow arrow in Fractal layout if yes how can we achieve this?
  
Back to top
 
IP Logged
 
Slavcho
YaBB Moderator
*****
Offline


tech.support

Posts: 3152
Joined: Oct 19th, 2005
Re: Fractal Layout
Reply #3 - Nov 13th, 2017 at 9:19am
Print Post  
What do you mean by elbow arrow? If you want it to make a bend somewhere, insert a new point in link's ControlPoints collection and call link.updateFromPoints().
  
Back to top
 
IP Logged
 
Shafi
Full Member
***
Offline


I Love MindFusion!

Posts: 109
Joined: Nov 8th, 2016
Re: Fractal Layout
Reply #4 - Nov 13th, 2017 at 9:36am
Print Post  
Please have a look at the attached pic
  

elbow_arrow.png ( 66 KB | 92 Downloads )
elbow_arrow.png
Back to top
 
IP Logged
 
Slavcho
YaBB Moderator
*****
Offline


tech.support

Posts: 3152
Joined: Oct 19th, 2005
Re: Fractal Layout
Reply #5 - Nov 13th, 2017 at 10:51am
Print Post  
Try setting the Shape property of links to Cascading -

Code
Select All
var layout = new MindFusion.Graphs.FractalLayout();
diagram.arrange(layout);
for (var l = 0; l < diagram.links.length; l++)
{
	var link = diagram.links[l];
	link.setSegmentCount(3);
	link.setShape(LinkShape.Cascading);
} 



Regards,
Slavcho
  
Back to top
 
IP Logged
 
Shafi
Full Member
***
Offline


I Love MindFusion!

Posts: 109
Joined: Nov 8th, 2016
Re: Fractal Layout
Reply #6 - Nov 22nd, 2017 at 5:11am
Print Post  
Thanks for reply
We have tested the solution provided by you but our diagram is not looking that good for too many nodes.
so we are thinking of grouping them according to there type. Is there any layout available in mind fusion library so that we can group them if not can you please suggest some kind of solution which we can test?
  
Back to top
 
IP Logged
 
Slavcho
YaBB Moderator
*****
Offline


tech.support

Posts: 3152
Joined: Oct 19th, 2005
Re: Fractal Layout
Reply #7 - Nov 22nd, 2017 at 9:51am
Print Post  
You could place each group of nodes in a ContainerNode, and call container.arrange(layout). Then call diagram.arrange(possibly_different_layout) to arrange the overall diagram. Finally remove the containers so it only keeps the arranged groups.

If you are looking for different layout classes, check if you like some from our desktop libraries better (e.g. .NET or Java) and we will port it to JavaScript for next release.

Regards,
Slavcho
  
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint