(async () => { // Load the dataset const data = await fetch( 'https://cdn.jsdelivr.net/gh/highcharts/[email protected]/samples/data/new-intraday.json' ).then(response => response.json()); // create the chart Highcharts.stockChart('container', { title: { text: 'AAPL stock price by minute' }, subtitle: { text: 'Using explicit breaks for nights and weekends' }, xAxis: { breaks: [{ // Nights from: Date.UTC(2011, 9, 6, 16), to: Date.UTC(2011, 9, 7, 8), repeat: 24 * 36e5 }, { // Weekends from: Date.UTC(2011, 9, 7, 16), to: Date.UTC(2011, 9, 10, 8), repeat: 7 * 24 * 36e5 }] }, rangeSelector: { buttons: [{ type: 'hour', count: 1, text: '1h' }, { type: 'day', count: 1, text: '1D' }, { type: 'all', count: 1, text: 'All' }], selected: 1, inputEnabled: false }, series: [{ name: 'AAPL', type: 'area', data: data, gapSize: 5, tooltip: { valueDecimals: 2 }, fillColor: { linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, stops: [ [0, Highcharts.getOptions().colors[0]], [1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')] ] }, threshold: null }] }); })();
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