Organization chart
Highcharts.chart('container', { chart: { height: 600, inverted: true }, title: { text: 'Highcharts Org Chart' }, accessibility: { point: { descriptionFormat: '{add index 1}. {toNode.name}' + '{#if (ne toNode.name toNode.id)}, {toNode.id}{/if}, ' + 'reports to {fromNode.id}' } }, series: [{ type: 'organization', name: 'Highsoft', keys: ['from', 'to'], data: [ ['Shareholders', 'Board'], ['Board', 'CEO'], ['CEO', 'CTO'], ['CEO', 'CPO'], ['CEO', 'CSO'], ['CEO', 'HR'], ['CTO', 'Product'], ['CTO', 'Web'], ['CSO', 'Sales'], ['HR', 'Market'], ['CSO', 'Market'], ['HR', 'Market'], ['CTO', 'Market'] ], levels: [{ level: 0, color: 'silver', dataLabels: { color: 'black' }, height: 25 }, { level: 1, color: 'silver', dataLabels: { color: 'black' }, height: 25 }, { level: 2, color: '#980104' }, { level: 4, color: '#359154' }], nodes: [{ id: 'Shareholders' }, { id: 'Board' }, { id: 'CEO', title: 'CEO', name: 'Atle Sivertsen', image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2022/06/30081411/portrett-sorthvitt.jpg' }, { id: 'HR', title: 'CFO', name: 'Anne Jorunn Fjærestad', color: '#007ad0', image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2020/03/17131210/Highsoft_04045_.jpg' }, { id: 'CTO', title: 'CTO', name: 'Christer Vasseng', image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2020/03/17131120/Highsoft_04074_.jpg' }, { id: 'CPO', title: 'CPO', name: 'Torstein Hønsi', image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2020/03/17131213/Highsoft_03998_.jpg' }, { id: 'CSO', title: 'CSO', name: 'Anita Nesse', image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2020/03/17131156/Highsoft_03834_.jpg' }, { id: 'Product', name: 'Product developers' }, { id: 'Web', name: 'Web devs, sys admin' }, { id: 'Sales', name: 'Sales team' }, { id: 'Market', name: 'Marketing team', column: 5 }], colorByPoint: false, color: '#007ad0', dataLabels: { color: 'white' }, borderColor: 'white', nodeWidth: 'auto' }], tooltip: { outside: true }, exporting: { allowHTML: true, sourceWidth: 800, sourceHeight: 600 } });
CoreTrees and networks
Install with NPM
The official Highcharts NPM package comes with support for CommonJS and contains Highcharts, and its Stock, Maps and Gantt packages.
npm install highcharts --save
See more installation optionsDownload our library
The zip archive contains Javascript files and examples. Unzip the zip package and open index.html in your browser to see the examples.
DownloadBuy a license
You can download and try out all Highcharts products for free. Once your project/product is ready for launch, purchase a commercial license.
See License Pricing