Percentage area
Highcharts.chart('container', { chart: { type: 'area' }, title: { useHTML: true, text: 'Countries/regions with highest Gt CO<sub>2</sub>-emissions', align: 'left' }, subtitle: { text: 'Source: ' + '<a href="https://energiogklima.no/klimavakten/land-med-hoyest-utslipp/"' + 'target="_blank">Energi og Klima</a>', align: 'left' }, accessibility: { point: { valueDescriptionFormat: '{index}. {point.category}, {point.y:,' + '.1f} billions, {point.percentage:.1f}%.' } }, yAxis: { labels: { format: '{value}%' }, title: { enabled: false } }, tooltip: { pointFormat: '<span style="color:{series.color}">{series.name}</span>' + ': <b>{point.percentage:.1f}%</b> ({point.y:,.1f} billion Gt)<br/>', split: true }, plotOptions: { series: { pointStart: 1990 }, area: { stacking: 'percent', marker: { enabled: false } } }, series: [{ name: 'China', data: [ 2.5, 2.6, 2.7, 2.9, 3.1, 3.4, 3.5, 3.5, 3.4, 3.6, 3.6, 3.7, 4.1, 4.8, 5.2, 5.9, 6.5, 7, 7.5, 7.9, 8.6, 9.5, 9.8, 10, 10, 9.9, 9.8, 10, 10.4, 10.7, 10.9, 11.3, 11.4, 11.9 ] }, { name: 'USA', data: [ 5.1, 5.1, 5.2, 5.3, 5.4, 5.4, 5.6, 5.7, 5.7, 5.8, 6, 5.9, 5.9, 6, 6.1, 6.1, 6.1, 6.1, 5.9, 5.5, 5.7, 5.5, 5.3, 5.5, 5.5, 5.4, 5.3, 5.2, 5.4, 5.3, 4.7, 5, 5.1, 4.9 ] }, { name: 'EU', data: [ 3.9, 3.8, 3.7, 3.6, 3.6, 3.6, 3.7, 3.7, 3.6, 3.6, 3.6, 3.7, 3.7, 3.7, 3.8, 3.7, 3.7, 3.7, 3.6, 3.3, 3.4, 3.3, 3.3, 3.2, 3, 3.1, 3.1, 3.1, 3, 2.9, 2.6, 2.8, 2.8, 2.6 ] }, { name: 'India', data: [ 0.6, 0.6, 0.7, 0.7, 0.7, 0.8, 0.8, 0.9, 0.9, 1, 1, 1, 1, 1.1, 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 1.8, 1.9, 2, 2.1, 2.2, 2.4, 2.4, 2.6, 2.6, 2.4, 2.7, 2.8, 3.1 ] }] });
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