• Open in:

Tree Chart

Tree Chart is the simplest form of a hierarchy chart, conceptually speaking. It displays child nodes under the parent nodes with same-level children placed on the same level visually. amCharts Tree Chart enables collapsing of the branches (try clicking on a node with children) and auto-calculation of values based on the children values.

Key implementation details

Tree chart is a part of amCharts hierarchy module. Like with other hierarchy charts we create a Container and then push a new Tree object into it. All that’s left is to specify categoryField, valueField, and childDataField for the tree.

This chart is added to a Zoomable Container, so you can pan, zoom-in and zoom-out this chart using mouse wheel, pinch-zoom or zoom tools on the bottom-right.

Related tutorials

Demo source