Spline with inverted axes
Highcharts.chart('container', { chart: { type: 'spline', inverted: true }, title: { text: 'Atmosphere Temperature by Altitude', align: 'left' }, subtitle: { text: 'According to the Standard Atmosphere Model', align: 'left' }, xAxis: { reversed: false, title: { enabled: true, text: 'Altitude' }, labels: { format: '{value} km' }, accessibility: { rangeDescription: 'Range: 0 to 80 km.' }, maxPadding: 0.05, showLastLabel: true }, yAxis: { title: { text: 'Temperature' }, labels: { format: '{value}°' }, accessibility: { rangeDescription: 'Range: -90°C to 20°C.' }, lineWidth: 2 }, legend: { enabled: false }, tooltip: { headerFormat: '<b>{series.name}</b><br/>', pointFormat: '{point.x} km: {point.y}°C' }, plotOptions: { spline: { marker: { enable: false } } }, series: [{ name: 'Temperature', data: [ [0, 15], [10, -50], [20, -56.5], [30, -46.5], [40, -22.1], [50, -2.5], [60, -27.7], [70, -55.7], [80, -76.5] ] }] });
CoreLine charts
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