Stacked and grouped column
// Data retrieved from https://en.wikipedia.org/wiki/Winter_Olympic_Games Highcharts.chart('container', { chart: { type: 'column' }, title: { text: 'Olympic Games all-time medal table, grouped by continent', align: 'left' }, xAxis: { categories: ['Gold', 'Silver', 'Bronze'] }, yAxis: { allowDecimals: false, min: 0, title: { text: 'Count medals' } }, tooltip: { format: '<b>{key}</b><br/>{series.name}: {y}<br/>' + 'Total: {point.stackTotal}' }, plotOptions: { column: { stacking: 'normal' } }, series: [{ name: 'Norway', data: [148, 133, 124], stack: 'Europe' }, { name: 'Germany', data: [102, 98, 65], stack: 'Europe' }, { name: 'United States', data: [113, 122, 95], stack: 'North America' }, { name: 'Canada', data: [77, 72, 80], stack: 'North America' }] });
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