Styled scrollbar
(async () => { // Load the dataset const data = await fetch( 'https://demo-live-data.highcharts.com/aapl-c.json' ).then(response => response.json()); // Create the chart Highcharts.stockChart('container', { rangeSelector: { selected: 1 }, title: { text: 'AAPL Stock Price' }, subtitle: { text: 'Stock chart with scrollbar styling' }, scrollbar: { barBorderRadius: 0, barBorderWidth: 1, buttonsEnabled: true, height: 14, margin: 0, rifleColor: '#333', trackBackgroundColor: '#f2f2f2', trackBorderRadius: 0 }, series: [{ name: 'AAPL Stock Price', data: data, tooltip: { valueDecimals: 2 } }] }); })();
StockVarious features
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