Apparently there is a labelrank property on the Highcharts point objects that can be used to dictate which point labels are on top. It can be used when you're creating your data like this:

data: [{
    x: 1, y: 1, labelrank: 1, name: 'A'
    x: 1, y: 1, labelrank: 2, name: 'B' 

Or it can be updated on an individual point to bring that point's dataLabel to the front by doing something like this: chart.series[0].points[0].update({labelrank: 3});

I had a similar issue and created this question on SO that just was answered.


They have added info regarding to their docs as well:


You can set useHTML: true flag, and then set z-index: x property for dataLabels, see:

Related Query

More Query from same tag