title: how to resolve overlapping labels on x-axis (highcharts)
body: <p>I am using the highcharts library.
  I have set the xaxis as a datetime axis.</p>
  
  <p>I am in a situation where the ticks on x-axis are overlapping.</p>
  
  <p><a href="http://jsfiddle.net/owge98Lm/" rel="nofollow noreferrer">http://jsfiddle.net/owge98Lm/</a></p>
  
  <p>Setting "tickPixelInterval" didn't help:</p>
  
  <pre><code>xAxis: {
      type: 'datetime',
      labels: { rotation: 45 },
      tickPixelInterval: 50
    },
  </code></pre>
  
  <p>Any suggestions ?</p>