title: Highcharts x-axis label automatic grouping
body: <p>I'm using highcharts to display data for over a period of one month so it it could be displaying anywhere form 1 data point to 31 data points (I'm using the jQuery Datepicker widget to select dates). My problem is with the x-Axis. When viewing between 2 and 7 data points the x-axis is automatically trying to adjust itself which works fine the more data points are being rendered but when there are less as previously mentioned there are problems. </p>
  
  <p>I have captured some screenshots showing my perdicament as well as created a JSFiddle. I do have a specific size that I need to fit the chart in and I have used the same size in the JSfiddle.</p>
  
  <p>What I would like ideally is for the x-axis to start on the first of the month (or at the lest NOT start on the end of the previous month) and avoid overlapping issues. I'm hoping it's a setting that I'm overlooking that controls how highcharts "automatically" calculates what is displayed on the x-axis and it's interval. I know there is a tick-interval setting but I've not had any luck with that in my situation.</p>
  
  <p>Image: <a href="http://i.imgur.com/p0bQg6U.png" rel="nofollow">http://i.imgur.com/p0bQg6U.png</a></p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/engemasa/sgKcB/" rel="nofollow">http://jsfiddle.net/engemasa/sgKcB/</a></p>
  
  <p>Here is the highcharts code:</p>
  
  <pre><code> $('.chart').highcharts({
      chart: {
          type: 'column'
      },
      xAxis: {
          labels: {
              enabled: true,
              formatter: function() {
                  return Highcharts.dateFormat("%b %e, '%y", this.value);
              }
          }
      },
      title: {
          text: null
      },
      tooltip: {
          formatter: function() {
              var date = '&lt;b&gt;' + Highcharts.dateFormat('%A, %b %e, %Y', this.x) + '&lt;/b&gt;&lt;br /&gt;';
              return date + this.y;
          }
      },
      yAxis: {
          labels: {
              enabled: true
          }
      },
      credits: {
          enabled: false
      }
  });
  </code></pre>
  
  <p>Assistance is greatly appreciated!</p>