Can't stringify diagram event

[raphael chancey]

I am trying to print out the event from 'click' on the diagram, and getting exception.

I simply have an empty diagram with nothing on it..

<DiagramComponent id="diagram"

ref={diagram => (diagramInstance = diagram)}

width={"100%"} height={"1000px"}

layout={{

type: "ComplexHierarchicalTree",

verticalSpacing: 30,

horizontalSpacing: 40,

enableAnimation: true

}}

click={(e) => { self.diagramSelected(e) }}

>

<Inject services={[ComplexHierarchicalTree, LayoutAnimation]} />

</DiagramComponent>

I get this error:

TypeError: JSON.stringify cannot serialize cyclic structures

simply trying to do this:

click={(e) => { self.diagramSelected(e) }}

...

diagramSelected(e) {

console.log(`selection changed `, JSON.stringify(e));

}

[Shyam G]

Hi Raphael, 

 

The cyclic error forms when an object holds a reference to another object. So we have a cyclic structure formed in our nodes. Please refer to the below node to know more about cyclic structure. If you need to serialize a diagram object, please use a saveDiagram method which will return the serialized json model object. Please refer to a help documentation below. 

 

Link: https://abhishekcgh.wordpress.com/2014/04/26/serializing-json-data-with-cyclic-references/ 

Help documentation: https://ej2.syncfusion.com/react/documentation/diagram/serialization/?no-cache=1 

 

Regards, 

Shyam G 

[raphael chancey]

ok.. makes sense.. thank you

[Shyam G]

Hi Raphael, 

Thanks for your update. 

Regards, 

Shyam G