52,000 points with data grouping
(async () => { // Load the dataset const data = await fetch( 'https://www.highcharts.com/samples/data/large-dataset.json' ).then(response => response.json()); // Create a timer const start = +new Date(); // Create the chart Highcharts.stockChart('container', { chart: { events: { load: function () { if (!window.TestController) { this.setTitle(null, { text: 'Built chart in ' + (new Date() - start) + 'ms' }); } } }, zooming: { type: 'x' } }, rangeSelector: { buttons: [{ type: 'day', count: 3, text: '3d' }, { type: 'week', count: 1, text: '1w' }, { type: 'month', count: 1, text: '1m' }, { type: 'month', count: 6, text: '6m' }, { type: 'year', count: 1, text: '1y' }, { type: 'all', text: 'All' }], selected: 3 }, yAxis: { title: { text: 'Temperature (°C)' } }, title: { text: 'Hourly temperatures in Vik i Sogn, Norway, 2009-2017', align: 'left' }, subtitle: { text: 'Built chart in ...', // placeholder text to reserve space // for dynamic subtitle align: 'left' }, series: [{ name: 'Temperature', data: data.data, pointStart: data.pointStart, pointInterval: data.pointInterval, tooltip: { valueDecimals: 1, valueSuffix: '°C' } }] }); })();
StockGeneral
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