OrgChart JS Documentation

Navigation

You can navigate through the following ways:
  1. Horizontal scroll bar
  2. Vertical scroll bar
  3. Pan
  4. Zoom

1. Horizontal scroll bar

In order to enable horizontal scroll bar set showXScroll to BALKANGraph.scroll.visible. Aslo you have an option to use the mouse scroll set mouseScroolBehaviour to BALKANGrapth.action.xScroll. Here is an example:

2. Vertical scroll bar

Now set the showYScroll to BALKANGraph.scroll.visible and chage mouseScroolBehaviour to BALKANGrapth.action.yScroll

3. Pan

Pan/move, left-click and hold mouse button in the OrgChart JS and drag the mouse in any direction. You cannot disable the Pan navigation.

4. Zoom

Chage mouseScroolBehaviour to BALKANGraph.action.zoom. Here is the result: