1. Home
  2. Forum
  3. Vue
  4. Diagram performance

Diagram performance

I have a use case where I need to add complex HTML nodes and that too more than 500 on a single digram instance. Each node has 20 30 ports. I am able to add nodes, but as the number of nodes and connectors increase, diagram becomes really slow for interactions and some times unresponsive as well.


Im sharing a simple example below, in this particular case, only these 2 nodes become slow. My use case is far more complex than this.


I would like to know if there are any diagram performace optimization techniques that I can use. Any help would be appritiated as always.

screenshot-dev.albanero.io-2021.09.10-20_48_00.png


3 Replies
GG Gowtham Gunashekar Syncfusion Team September 13, 2021 01:55 PM UTC

Hi Vivek 
 
We have create a sample with HTML nodes and added multiple ports to the html node and create the connector port-to-port connection and perform the interaction on nodes and found its working fine. We cannot be able to replicate the reported issue at our end, we request you to share with us more detail, like share a simple sample to replicate the reported issue or replicate the reported issue in the shared sample that will help us to server you better.  
 
 
Regards, 
Gowtham  


VR Vivek Repale September 17, 2021 11:46 AM UTC

Thanks for taking time and reviewing it for me.


Firstly, in above example you are not using HTML shape, ​shape being used is UMLClassifier.

Secondly, as I have shown in picture please try connecting more than 15 connectors to one node from other, you will be able to see the lag / slowness in movement Im talking about.


I hope making above changes you will be able to replicate my case.


Thanks, waiting for your reply.


AM Arunkumar Manoharan Syncfusion Team September 20, 2021 11:56 AM UTC

  
Hi Vivek, 
 
We have created a sample with HTML nodes and added multiple ports as you said to the HTML node and create the connector port-to-port connection and perform the interaction on nodes and found it working fine. We cannot be able to replicate the reported issue at our end, we request you to share with us more detail, like sharing a simple sample to replicate the reported issue or replicate the reported issue in the shared sample that will help us to serve you better and, we have attached the video of replication. 
  
 
  
Regards,  
Arun. 


Loader.
Up arrow icon