Polar chart data label issue

by kzoon

HTML

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

<figure class="highcharts-figure">
    <div id="container"></div>

</figure>

JavaScript

Highcharts.chart('container', {


  "chart": {
    height: 250,
    //height: 320,
    "type": "line",
    "polar": true,
  },


  "xAxis": [{
    "tickmarkPlacement": "on",

    "labels": {
      //allowOverlap: true,
      //"padding": 0

    },
    "categories": ["PORTCD", "PORTST", "PORTCAS", "TUNER", "CDPLAYER", "RECEIVER", "AMPLIFIER", "CASDECK", "COLORTV", "BWTV", "PORTTV", "STNDVCR"]

  }],
  "series": [{
    "pointPlacement": "On",
    "data": [18353, 12115, 9740, 15832, 58471, 47256, 50528, 10610, 9988, 5005, 5830, 10007],
    "name": "Sales"
  }]


});