[Solved]-How to add text labels to a numerical x axis in Highcharts-Highcharts

$(function() {
  var final_score = 3.2

  $('#container').highcharts({
    chart: {
      type: 'scatter'
    },
    title: {
      text: 'industry index',
      margin: 30,
      style: {
        fontsize: '14px'
      }
    },
    plotoptions: {
      scatter: {
        linewidth: 2
      },
      line: {
        marker: {
          enabled: false
        }
      }
    },
    /*yaxis: {
    	tickinterval: 1,
    },*/
    xaxis: {
        categories: ['area1','area2','area3','area4']
    },
    series: [{
      name: 'industry benchmark',
      data: [
        [0.5, 3],
        [1.5, 6.9],
        [2.5, 9.5],
        [3.5, 16.5]
      ],
      type: 'spline'
      // fillcolor: 'rgba(252,96,18,0.8)'
    }, {
      name: 'your organisation',
      marker: {
        enabled: true,
        radius: 6
      },
      data: [
        [final_score, 14.05]
      ],
      type: 'spline'
    }]
  });
});

#container {
  position: relative;
  padding-top: 1em;
  background: #fff;
}

#xaxis {
  position: absolute;
  bottom: 7%;
  font-size: 14px;
}

#xaxis p {
  width: 25%;
  padding: 0 5px;
  display: inline-block;
  text-align: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

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