STOCK LIBRARY
Reversed Y axis
(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', { chart: { type: 'area' }, rangeSelector: { selected: 1 }, title: { text: 'AAPL Stock Price' }, yAxis: { reversed: true, showFirstLabel: false, showLastLabel: true }, series: [{ name: 'AAPL Stock Price', data: data, threshold: null, fillColor: { linearGradient: { x1: 0, y1: 1, x2: 0, y2: 0 }, stops: [ [0, Highcharts.getOptions().colors[0]], [1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')] ] }, 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