Show / Hide Table of Contents

Links

You can have different types of links

Rounded link

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

Curve link

Link Labels


Link binding in Org Chart JS maps node data to link labels:
 
    var chart = new OrgChart(document.getElementById("tree"), {
         linkBinding: {
             link_field_0: "createdAt"
         },
         nodes: [
                { id: "1" },
                { id: "2", pid: "1", createdAt: "Since 08/08/2018" },
                { id: "3", pid: "1", createdAt: "Since 05/04/2018" }
         ]
    }); 
 


Using the label event you can change the link labels: