Stacked percentage column
Highcharts.chart('container', { chart: { type: 'column' }, title: { text: 'Domestic passenger transport by mode of transport, Norway', align: 'left' }, subtitle: { text: 'Source: <a href="https://www.ssb.no/transport-og-reiseliv/landtransport/statistikk/innenlandsk-transport">SSB</a>', align: 'left' }, xAxis: { categories: ['2019', '2020', '2021'] }, yAxis: { min: 0, title: { text: 'Percent' } }, tooltip: { pointFormat: '<span style="color:{series.color}">{series.name}</span>' + ': <b>{point.y}</b> ({point.percentage:.0f}%)<br/>', shared: true }, plotOptions: { column: { stacking: 'percent', dataLabels: { enabled: true, format: '{point.percentage:.0f}%' } } }, series: [{ name: 'Road', data: [434, 290, 307] }, { name: 'Rail', data: [272, 153, 156] }, { name: 'Air', data: [13, 7, 8] }, { name: 'Sea', data: [55, 35, 41] }] });
CoreColumn and bar charts
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