STOCK LIBRARY
Flags marking events
(async () => { // Load the dataset const data = await fetch( 'https://www.highcharts.com/samples/data/usdeur.json' ).then(response => response.json()); // Create the chart Highcharts.stockChart('container', { rangeSelector: { selected: 0 }, title: { text: 'USD to EUR exchange rate' }, tooltip: { style: { width: '200px' }, valueDecimals: 4, shared: true }, yAxis: { title: { text: 'Exchange rate' } }, series: [{ name: 'USD to EUR', data: data, id: 'dataseries' // the event marker flags }, { type: 'flags', accessibility: { exposeAsGroupOnly: true, description: 'Flagged events.' }, data: [{ x: Date.UTC(2021, 11, 2), title: 'A', text: 'Some event with a description' }, { x: Date.UTC(2021, 11, 15), title: 'B', text: 'Some event with a description' }, { x: Date.UTC(2021, 11, 22), title: 'C', text: 'Some event with a description' }], onSeries: 'dataseries', shape: 'circlepin', width: 16 }] }); })();
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