JavaScript
// Create the chart
Highcharts.chart('container', {
chart: {
type: 'scatter'
},
title: {
text: 'Mountain house indoor temperatures'
},
subtitle: {
text: 'Split tooltips in Highcharts makes it easier to read overlapping line series'
},
tooltip: {
formatter(a,b,c,s) {
console.log(this.points);
let toReturn = [];
let pointData = this.points.find(p => p.y == a.chart.hoverPoint.y)
toReturn.push(pointData.y);
toReturn.push('Hello')
return toReturn;
},
/* pointFormatter: function(){
console.log(this.series.name)
}, */
positioner: function (a,b,c,d) {
// console.log( c.series.name)
return { x: c.plotX, y: c.plotY } ;
},
//backgroundColor: 'rgba(255,255,255,0.8)',
borderWidth: 0,
/* followPointer: true, */
valueSuffix: '°C',
split: true,
/* distance: 4, */
padding: 5
},
/* xAxis: {
crosshair:true
}, */
yAxis: {
title: {
text: 'Temperatur'
}
},
/* plotOptions: {
series: {
lineWidth: 1.5,
marker: {
radius: 2
}
}
}, */
data: {
columns: [
["Time", 1451616120000, 1451865660000, 1451952060000, 1452038400000, 1452124800000, 1452211200000, 1452297600000, 1452384000000, 1452470400000, 1452556800000, 1452643200000, 1452729600000, 1452816000000, 1452902400000, 1452988800000, 1453075200000, 1453161600000, 1453248000000, 1453334400000, 1453420800000, 1453507200000, 1453593600000, 1453680000000, 1453766400000, 1453852800000, 1453939200000, 1454025600000],
["Kitchen", 5, 4, 5, 9, 6, 15, 19, 14, 6, 5, 6, 6, 15, 18, 15, 6, 6, 6, 6, 6, 6, 6, 16, 10, 6, 6, 6],
["Living room", 9, 10, 16, 13, 6, 20, 24, 16, 7, 7, 6, 6, 20, 23, 18, 9, 7, 6, 6, 7, 6, 21, 20, 16, 6, 6, 6],
["Hall", 7, 7, 13, 12, 5,...