Set borderRadius for nodes in react-diagram

[Sum]

I want to set the borderRadius = 10px for nodes, how do I do that, I'm using the DiagramComponent from @syncfusion/ej2-react-diagrams ?

[Balasubramanian Manikandan]

We will validate and update with more details on sept 20th, 2023.

[Balasubramanian Manikandan]

Set the width and height for the nodes in 'nodeDefaults,' and then specify the 'cornerRadius' for the shape. This will fulfill your requirement. We have rendered a sample and attached a code example and a sample below for your reference.

Code Snippet

  //sets node default value

  function nodeDefaults(obj, diagram) {

    obj.style = { fill: '#916DAF', strokeColor: 'none' };

    obj.annotations = [{ content: obj.data.Name, style: { color: 'white' } }];

    obj.height = 30;

    obj.width = 75;

    obj.shape.cornerRadius = 10;

    return obj;

  }

Sample

https://stackblitz.com/edit/react-ex1ggw-vj3kuo?file=index.js