I'm doing an area chart with Highcharts and I need the tooltip to be displayed only when I position the mouse cursor at the point of the series, not the line.
Does anyone know if there is any way to do this?
My example: Here
Att
I'm doing an area chart with Highcharts and I need the tooltip to be displayed only when I position the mouse cursor at the point of the series, not the line.
Does anyone know if there is any way to do this?
My example: Here
Att
I've been looking for you and have not found a direct solution. Apparently this is not possible as an "option", but you can do it.
Reading these two answers in SOen [(1) (2)] You can do this using type: 'scatter'
series. Since this series can not show the area, you need to have what you already have and add another line type: 'scatter'
with the same data. You also need to add a function in the tootip options:
tooltip: {
shared: true,
formatter: function () {
if (this.points && this.points.length == 1) {
return false;
} else {
var p = this;
return 'x: ' + p.x + '<br/>y: ' + p.y;
}
}
},