Stacked area
Highcharts.chart('container', { chart: { type: 'area' }, title: { text: 'Greenhouse gases from Norwegian economic activity' }, subtitle: { text: 'Source: ' + '<a href="https://www.ssb.no/en/statbank/table/09288/"' + 'target="_blank">SSB</a>' }, yAxis: { title: { useHTML: true, text: 'Million tonnes CO<sub>2</sub>-equivalents' } }, tooltip: { shared: true, headerFormat: '<span style="font-size:12px"><b>{point.key}</b></span>' + '<br>' }, plotOptions: { series: { pointStart: 2012 }, area: { stacking: 'normal', lineColor: '#666666', lineWidth: 1, marker: { lineWidth: 1, lineColor: '#666666' } } }, series: [{ name: 'Ocean transport', data: [ 13234, 12729, 11533, 17798, 10398, 12811, 15483, 16196, 15060, 13365, 13301 ] }, { name: 'Households', data: [ 6686, 6536, 6389, 6384, 6251, 5719, 5611, 5040, 5079, 5088, 4988 ] }, { name: 'Agriculture and hunting', data: [ 4812, 4872, 4961, 5001, 5070, 5035, 5045, 5004, 5015, 5076, 4935 ] }, { name: 'Air transport', data: [ 3502, 3844, 4139, 4351, 3802, 4020, 4461, 5074, 1558, 1247, 2694 ] }, { name: 'Construction', data: [ 2019, 2189, 2150, 2217, 2179, 2258, 2348, 2196, 2018, 2180, 2127 ] }] });
CoreArea 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