Area with missing points
// Data retrieved from https://www.ssb.no/statbank/table/10467/ Highcharts.chart('container', { chart: { type: 'area' }, title: { text: 'Born persons, by boys\' name' }, subtitle: { text: '* Missing data for Yasin in 2019', align: 'right', verticalAlign: 'bottom' }, legend: { layout: 'vertical', align: 'left', verticalAlign: 'top', x: 150, y: 60, floating: true, borderWidth: 1, backgroundColor: Highcharts.defaultOptions.legend.backgroundColor || '#FFFFFF' }, yAxis: { title: { text: 'Amount' } }, plotOptions: { series: { pointStart: 2016 }, area: { fillOpacity: 0.5 } }, credits: { enabled: false }, series: [{ name: 'Arvid', data: [11, 11, 8, 13, 12, 14, 4, 12] }, { name: 'Yasin', data: [10, 10, 8, null, 8, 6, 4, 8] }] });
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