OrgChart JS Documentation


OrgChart Layouts

1. Mixed Hierarchy

If you want to use verical and horizontal layout in order to optimize the space set layout to OrgChart.mixed, OrgChart.tree, OrgChart.treeLeftOffset and OrgChart.treeRightOffset






2. Initial scale

1. The default value of scaleInitial is 1, you can increase or decrease the value, the first parent node always will be centered

2. scaleInitial:OrgChart.match.boundary it will auto scale the chart in order to not leave the boundary area horizontaly and vertically and all nodes will be visible

3. scaleInitial:OrgChart.match.height it will auto scale the chart in order all nodes to be visible vertically

4. scaleInitial:OrgChart.match.width it will auto scale the chart in order all nodes to be visible horizontaly

3. Orientation

Change the orientation of the chart by setting orientation option. There are 8 different oriantations:


2. OrgChart.orientation.bottom

3. OrgChart.orientation.right

4. OrgChart.orientation.left


6. OrgChart.orientation.bottom_left

7. OrgChart.orientation.right_top

8. OrgChart.orientation.left_top

4. Separation between nodes

You can control the distances between nodes by 4 'separation' options: levelSeparation, siblingSeparation, subtreeSeparation and mixedHierarchyNodesSeparation