Highcharts Demo

author(s): Torstein Hønsi

by core972

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

var data = [
  [0,			29.9,		0.21,		125.54,		-0.2 ],
  [1.2,		71.5,		0.25,		254.01,		-21.2],
  [2.1,		97.3,		1.21,		201.68,		-3.2 ],
  [3.0,		86.4,		0.21,		198.03,		-1.4 ],
  [4.4,		66.5,		0.57,		124.12,		-12.5],
  [5.9, 	86.4,		0.98,		195.08,		-5.2 ],
  [8.3, 	102.2,	1.24,		201.00,		-11.8],
  [9.4, 	115.7,	0.65,		123.87,		-1.1 ],
  [12.0,	89.5,		1.01,		105.74,		-3.0 ],
  [13.8,	65.8,		0.87,		167.21,		-5.8 ],
  [15.2,	87.2,		1.25,		175.24,		-10.3],
  [18.1,	106.4,	1.25,		189.02,		-12.5],
],
parsedData = [];
data.forEach(point => {
	var coords = {
  	x: point[0],
    y: point[1],
    z: point[2]
  };
  parsedData.push(coords);
});
console.log(parsedData)
Highcharts.chart('container', {
  tooltip: {
    // useHTML: true,
    shared: false,
    headerFormat: '<b>{series.name}</b><br>',
    valueDecimals: 2,
    formatter: function() {
      return '<b>' + this.series.name + '</b><br>' +
        'X: ' + this.x + ' - ' +
        'Y: ' + this.y + '<br>'+
        'Z: ' + this.point.z;
    }
  },
    series: [{
        data: parsedData
    }]
});