BALKAN OrgChart JS - JavaScript Org Chart Library | Docs

Links ​

Links are the main connections between the nodes.
You can have different types of links.

Code iconEdit in BALKAN Code

You can use OrgChart.LINK_ROUNDED_CORNERS constant to change the radius of the rounded links.

Code iconEdit in BALKAN Code
Code iconEdit in BALKAN Code
Code iconEdit in BALKAN Code

Link binding in OrgChart JS maps node data to link labels.

Nodes data ​

javascript
{ id: "1" },
{ id: "2", pid: "1", createdAt: "Since 08/08/2018" },
{ id: "3", pid: "1", createdAt: "Since 05/04/2018" }

Binding ​

javascript
linkBinding: {
    link_field_0: "createdAt"
},
Code iconEdit in BALKAN Code

Using the label event you can change the link labels:

Code iconEdit in BALKAN Code

By default OrgChart JS renders links after the nodes are rendered. You can change this behavior:

javascript
OrgChart.RENDER_LINKS_BEFORE_NODES = true;