HighCharts xAxis label above tooltip

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

You may want the tooltip to 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 that you were already using shared , which allows any area of the graph to capture the tooltip by moving the mouse . You can use positioner to define the static / fixed position where the tooltip will look like:

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