Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/[email protected]/samples/data/usdeur.json', function (data) { var startDate = new Date(data[data.length - 1][0]), // Get year of last data point minRate = 1, maxRate = 0, startPeriod, date, rate, index; startDate.setMonth(startDate.getMonth() - 3); // a quarter of a year before last data point startPeriod = Date.UTC( startDate.getFullYear(), startDate.getMonth(), startDate.getDate() ); for (index = data.length - 1; index >= 0; index = index - 1) { date = data[index][0]; // data[i][0] is date rate = data[index][1]; // data[i][1] is exchange rate if (date < startPeriod) { break; // stop measuring highs and lows } if (rate > maxRate) { maxRate = rate; } if (rate < minRate) { minRate = rate; } } // Create the chart Highcharts.stockChart('container', { rangeSelector: { selected: 1 }, title: { text: 'USD to EUR exchange rate' }, yAxis: { title: { text: 'Exchange rate' }, plotLines: [{ value: minRate, color: 'green', dashStyle: 'shortdash', width: 2, label: { text: 'Last quarter minimum' } }, { value: maxRate, color: 'red', dashStyle: 'shortdash', width: 2, label: { text: 'Last quarter maximum' } }] }, series: [{ name: 'USD to EUR', data: data, tooltip: { valueDecimals: 4 } }] }); });
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