Limit range for displaying the tooltip in area chart with Highcharts

1

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

    
asked by anonymous 08.08.2014 / 16:14

1 answer

1

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;
            }
        }
    },

Example: jsFiddle

    
10.08.2014 / 18:10