title: Highcharts custom x-axis categories aligned center (Under the pins)
body: <p>I am setting custom categories inside the x-axis, once I do that however, the x-axis labels lose their alignment (no longer under the pins)</p>
  
  <pre><code>xAxis: {
          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
      },
  </code></pre>
  
  <p>This produces</p>
  
  <p><a href="https://i.stack.imgur.com/gGeqw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gGeqw.png" alt="enter image description here"></a></p>
  
  <p>but what I am after is (with the labels as 'Jan' 'Feb'..etc)</p>
  
  <p><a href="https://i.stack.imgur.com/xeVLC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xeVLC.png" alt="enter image description here"></a></p>
  
  <p>Is there a way to achieve that with custom categories?
  Fiddle here: <a href="http://jsfiddle.net/7Lydc94n/" rel="nofollow noreferrer">http://jsfiddle.net/7Lydc94n/</a></p>