Highcharts Xaxis label on top of tooltip

Question

I’m having a problem, where the chart tooltip is always getting below the Xaxis label.

I would like the tooltip to be above the label.

http://jsfiddle.net/toninho09/83gkze29/1/

Answer 1

It depends a lot on what you want to do with the tooltip.

You might want to tooltip follow the mouse, for example:

tooltip: {
    followPointer: true,
    pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>'
}

I saw you were already using shared, which allows any area of the graph to capture the tooltip through the movement of mouse.

You can use positioner to define the static/fixed position where the tooltip will stay:

tooltip: {
    positioner: function () {
        return { x: 80, y: 50 };
    }
}