HTMLGraph | Defaults Configuration

Defaults Configuration

Use the setDefaults method of CanvasBuilder to establish base visualization settings. These defaults apply to all graph entities (nodes, ports, and edges) when no explicit values are provided.

    
const element = document.getElementById(&#39;canvas&#39;);

const canvas = new CanvasBuilder()
  .setElement(element)
  .setDefaults({
    nodes: {
      centerFn: (w, h) =&gt; ({ x: w / 2, y: h / 2 }),
      priority: 10,
    },
    ports: {
      direction: -Math.PI / 2,
    },
    edges: {
      shape: {
        type: &#34;vertical&#34;,
        hasTargetArrow: true,
      },
      priority: 5,
    },
  })
  .build();

Configuration Parameters

Section	Type	Description	Required
`nodes`	NodesConfig	Configuration for nodes	No
`ports`	PortsConfig	Configuration for ports	No
`edges`	EdgesConfig	Configuration for edges	No