OrgChart JS Documentation

Getting Started

Hello OrgChart JS

System requirements

OrgChart JS runs on any server that supports HTML. You can even run OrgChart.js locally from a filesystem.

OrgChart JS does not depend on any third party JavaScript library.

OrgChart JS works in all modern browsers and uses SVG for the graphics rendering.

Installation

  1. Download OrgChart.js file form here.
  2. Unzip the file and add it to you root directory.
  3. In your html document between the head tags include the code bellow, and then OrgChart.js will be installed.
     
        <script src="www.[yourdomain].com/OrgChart.js"></script>

Your first OrgChart JS project

With OrgChart.js included in your webpage you are ready to create your first OrgChart JS.

  1. Add a div in your webpage. Give it an id and set a specific width and height which will be the width and height of your OrgChart.
     
        <div style="width:100%; height:700px;" id="orgchart"/>
  2. Add script tags anywhere in a webpage, containing the following code:
     
        <script>
            var chart = new OrgChart(document.getElementById("orgchart"), {
                nodeBinding: {
                    field_0: "name"
                },
                nodes: [
                    { id: 1, name: "Amber McKenzie" },
                    { id: 2, pid: 1, name: "Ava Field" },
                    { id: 3, pid: 1, name: "Peter Stevens" }
                ]
            });
        </script>
  3. You should now see the following OrgChart JS on your webpage:

Where:

nodes: is the data source. The 'id' property is mandatory.

pid: is the parent id, represents connection between two nodes.

nodeBinding: 'name' property form the data source will be bound to 'field_0' ui element from the template.

License

We believe in a simple, transparent and flexible licensing and pricing model that is aligned with the business value BALKANGraph delivers to you. All licenses include one year of maintenance and technical support and are available on perpetual base.

You can download OrgChart JS for FREE form here, evaluate it on you development environment (localhost), when you are ready to deploy OrgChart JS on your production environment you have to purchase a license. We will open BALKANGraph account for you, from that account you will be able to download licensed version for your Intranet or Internet website domain or IP address.