layout in diagram

[RakhiS]

Hi,

I want to apply layout in my diagram and used below code

I have used:

TS: this.diagram.layout.type = 'RadialTree'; 

html: <ejs-diagram #diagram id="diagram" width="100%" height="700px" <./ejs-diagram>

It is not working.

please help

[Aravind Ravi]

Hi Rakhi 

 

We have create a sample to automatically arrange nodes and connectors in the diagram after set layout in diagram. After you set layout in diagram call diagram public API method doLayout(). Do Layout method in diagram is used to arrange the nodes and connectors in diagram. In this sample on initial render we have display nodes and connector without layout. On button click we have set layout for diagram. Please find the below code snippet for how to use doLayout method in the diagram 

 

public click() { 

      this.diagram.layout.type = "RadialTree"; 

      this.diagram.layout.root = "Category"; 

      this.diagram.doLayout(); 

       

    } 

 

Sample: https://stackblitz.com/edit/angular-caztgm 

 

Regards 

Aravind Ravi