Parallel coordinates
(async () => { const data = await fetch( 'https://www.highcharts.com/samples/data/marathon.json' ).then(response => response.json()); Highcharts.chart('container', { chart: { type: 'spline', parallelCoordinates: true, parallelAxes: { lineWidth: 2 } }, title: { text: 'Marathon runner analysis' }, lang: { accessibility: { axis: { yAxisDescriptionPlural: 'The chart has 7 Y axes across ' + 'the chart displaying Training date, Miles for ' + 'training run, Training time, Shoe brand, Running ' + 'pace per mile, Short or long, and After 2004.' } } }, plotOptions: { series: { accessibility: { enabled: false }, animation: false, marker: { enabled: false, states: { hover: { enabled: false } } }, states: { hover: { halo: { size: 0 } } }, events: { mouseOver: function () { this.group.toFront(); } } } }, tooltip: { pointFormat: '<span style="color:{point.color}">\u25CF</span>' + '{series.name}: <b>{point.formattedValue}</b><br/>' }, xAxis: { categories: [ 'Training date', 'Miles for training run', 'Training time', 'Shoe brand', 'Running pace per mile', 'Short or long', 'After 2004' ], offset: 10 }, yAxis: [{ type: 'datetime', tooltipValueFormat: '{value:%Y-%m-%d}' }, { min: 0, tooltipValueFormat: '{value} mile(s)' }, { type: 'datetime', min: 0, labels: { format: '{value:%H:%M}' } }, { categories: [ 'Other', 'Adidas', 'Mizuno', 'Asics', 'Brooks', 'New Balance', 'Izumi' ] }, { type: 'datetime' }, { categories: ['> 5miles', '< 5miles'] }, { categories: ['Before', 'After'] }], colors: ['rgba(11, 200, 200, 0.1)'], series: data.map(function (set, i) { return { name: 'Runner ' + i, data: set, shadow: false }; }) }); })();
CoreMore chart types
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