[Solved]-Highcharts: xAxis label above bar in horizontal bar charts-Highcharts

that seems to be a rendering issue in Highcharts (as many others), however you can get a way better result using this settings:

Highcharts.chart('container', {
    chart: {
        type: 'bar',
    },

    title: {
        text: 'Default title',
        margin: 50
    },

    credits: {
        enabled: false
    },

    legend: {
        enabled: false
    },
    plotOptions: {
      bar: {
                pointPadding: 0,
      }
    },

    xAxis: {
        categories: ['2010', '2011', '2012', '2013', '2014'],
        labels: {
            x: 5,
            align: 'left',
            reserveSpace: false,
            y: 33,
        },
            min: -0.2,
          max: 4.2,
        tickWidth: 0
    },
    yAxis: {
    visible: false
    },

    series: [{
        data: [39.9, 71.5, 106.4, 23, 67],
        pointPlacement: 'between',
        dataLabels: {
            enabled: true
        }
    }]
});

Hope this helps :)

If you remove the pointPlacement option from the series it will work fine.

Highcharts.chart('container', {
  chart: {
    type: 'bar',
  },

  xAxis: {
    categories: ['2010', '2011', '2012', '2013', '2014'],
    labels: {
      x: 0,
      align: 'left',
      reserveSpace: false,
      y: -12,
    }
  },


  series: [{
    data: [39.9, 71.5, 106.4, 23, 67],
  }]
});

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container"></div>