Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic Maximum Number of Nodes (Read 5793 times)
Ghaith
YaBB Newbies
*
Offline


I Love MindFusion!

Posts: 21
Joined: Apr 7th, 2017
Maximum Number of Nodes
Jun 27th, 2017 at 1:27pm
Print Post  
Dear,

My diagram works fine with small number of nodes (less than 400 node) but when I am trying to generate diagrams with more than that number, the possibility of empty diagram goes higher.

I have searched about this issue, I found some for Win app
http://mindfusion.eu/Forum/YaBB.pl?num=1254316515

Any ideas?
  
Back to top
 
IP Logged
 
Slavcho
YaBB Moderator
*****
Offline


tech.support

Posts: 3146
Joined: Oct 19th, 2005
Re: Maximum Number of Nodes
Reply #1 - Jun 27th, 2017 at 3:15pm
Print Post  
You might be reaching max sizes for bitmaps or canvas. If using ImageMap mode, try setting the MaxImageSize property. If using Canvas mode, set CanvasVirtualScroll.
  
Back to top
 
IP Logged
 
Ghaith
YaBB Newbies
*
Offline


I Love MindFusion!

Posts: 21
Joined: Apr 7th, 2017
Re: Maximum Number of Nodes
Reply #2 - Jul 12th, 2017 at 12:33pm
Print Post  
Dear,

I set the property CanvasVirtualScroll=True, then non of the diagrams worked, even with small number of nodes. so I returned it back to false.
Note: when generating the diagram,  there is no error in the Chrome console, and the canvas is enlarged to handle the chart, but with no nodes.

thanks for your help
  
Back to top
 
IP Logged
 
Slavcho
YaBB Moderator
*****
Offline


tech.support

Posts: 3146
Joined: Oct 19th, 2005
Re: Maximum Number of Nodes
Reply #3 - Jul 12th, 2017 at 3:55pm
Print Post  
Code
Select All
<ndiag:DiagramView CanvasVirtualScroll="true" Diagram-Bounds="0, 0, 10000, 10000" ... 


works for me, trying it in Flowcharter sample project. Please attach a test project where it doesn't work.
  
Back to top
 
IP Logged
 
Ghaith
YaBB Newbies
*
Offline


I Love MindFusion!

Posts: 21
Joined: Apr 7th, 2017
Re: Maximum Number of Nodes
Reply #4 - Jul 13th, 2017 at 2:27pm
Print Post  
Dear,

please check link below for the project
https://www.dropbox.com/s/f891kox1f6p1ehs/ImageLoadingTest.rar?dl=0


try to put 500 on the most right text box and hit on refresh

  
Back to top
 
IP Logged
 
Slavcho
YaBB Moderator
*****
Offline


tech.support

Posts: 3146
Joined: Oct 19th, 2005
Re: Maximum Number of Nodes
Reply #5 - Jul 14th, 2017 at 7:41pm
Print Post  
You cannot see the diagram at all even with few nodes because the position styles makes DiagramView's div zero-pixels high. Add a border to see its current dimensions, and it draws as a line -

Style="position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; border: 1px solid red"

Fix the size and it shows all nodes even with 500 in the box -

Code
Select All
<ndiag:DiagramView ID="diagramView" runat="server" ClientSideMode="Canvas"
    class="context-menu-diagram"
    Width="800" Height="500" ... 


  
Back to top
 
IP Logged
 
Ghaith
YaBB Newbies
*
Offline


I Love MindFusion!

Posts: 21
Joined: Apr 7th, 2017
Re: Maximum Number of Nodes
Reply #6 - Jul 18th, 2017 at 3:25pm
Print Post  
Dear,

thanks for your support, your solution fixed the problem of drawing the nodes, but now I have 2 scrolls (one for the page and the other for the diagram)  is there any solution to have the diagram auto size as before?
  
Back to top
 
IP Logged
 
Slavcho
YaBB Moderator
*****
Offline


tech.support

Posts: 3146
Joined: Oct 19th, 2005
Re: Maximum Number of Nodes
Reply #7 - Jul 21st, 2017 at 1:59pm
Print Post  
CanvasVirtualScroll changes the DOM in two ways -

- it removes overflow from the view's div, inserting an intermediate div with overflow to handle scrolling;
- it sets the diagram's canvas to absolute position, and a resize event handler sets its size to DiagramView's div size when the latter changes;

Unfortunately after these changes your style="position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px" stops filling the window, the div's height becomes 0, and the canvas' one too from resize handler.

What works in my test is flexbox column layout, applied to 100% body and div container, where DiagramView's style is set flex:auto to fill all remaining space in the container. If you need support for older browsers and can't use flexbox, you could set the view's div size from window.onresize handler instead.
  
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint