OrgChart expand/collapse

Now GetOrgChart supports expand collapse, requested by many custommers

Org chart with mixed shapes and colors

GetOrgChart now supports misxed shapes and colors

Here is an example

and the code

    $("#people").getOrgChart({ 
        theme: "sara",
        color: "teal",
        dataSource: [
         { id: 1, parentId: null, Name: "Amber McKenzie"},
         { id: 2, parentId: 1, Name: "Ava Field"},
         { id: 3, parentId: 1, Name: "Evie Johnson"}],
        customize:{
              "2": {theme: "eve", color: "green"}
            }
    });

Mixed colors - online demo
http://www.getorgchart.com/Demos/Mixed-Colors


Mixed hsapes - online demo
http://www.getorgchart.com/Demos/Mixed-Shapes

Are there any better javascript org charts compared with GetOrgChart API

No!

Keyboard Navigating in GetOrgChart

You can navigate in two dimensions in any GetOrgChart. To pan, do one of the following:

• Click and drag the view
• Press the up arrow on your keyboard to move north
• Press the down arrow on your keyboard to move south
• Press the right arrow on your keyboard to move east
• Press the left arrow on your keyboard to move west
• Additionally, you can zoom in or out pressing the + or - keys. Move the cursor over an area of the GetOrgChart and use the mouse scroll button to zoom in or out. 

Printing

GetOrgChart now supports printing

print method

printable option

Orientation and Layouts

GetOrgChart has eight orientation options

Online Demo

getOrgChart.RO_TOP

getOrgChart.RO_BOTTOM

getOrgChart.RO_RIGHT

getOrgChart.RO_LEFT

getOrgChart.RO_TOP_PARENT_LEFT

getOrgChart.RO_BOTTOM_PARENT_LEFT

getOrgChart.RO_RIGHT_PARENT_TOP

getOrgChart.RO_LEFT_PARENT_TOP

What's New in GetOrgChart 1.2

GetOrgChart 1.2 Release Notes


Improved: more orientation options

• getOrgChart.RO_TOP_PARENT_LEFT
• getOrgChart.RO_BOTTOM_PARENT_LEFT
• getOrgChart.RO_RIGHT_PARENT_TOP
• getOrgChart.RO_LEFT_PARENT_TOP

Added: clickEvent event - Called when the user clicks on a person box.

Added: renderBoxContentEvent event - Before the GetOrgChart can be rendered, each box in the control must be bound to a record in the data source. The renderBoxContentEvent event is raised when a data (represented by a GetOrgChart object) is bound to data in the GetOrgChart control. This enables you to provide an event-handling method that performs a custom routine, such as modifying the values of the data bound to the box or modifying the box html, whenever this event occurs.

Added: scale option - The scale factor determines what fraction of the entire scale is visible at one time.