title: Highchart tick interval
body: <p>I cannot seem to figure out how to set my tick interval correctly.<br>
  Need to have an hourly tick on the X axis.<br>
  The data is minute based.    </p>
  
  <p>Javascript:  </p>
  
  <pre><code>$(function () {
      var chart;
      $(document).ready(function() {
          chart = new Highcharts.Chart({
              chart: {
                  renderTo: 'container',
                  type: 'spline'
              },
              title: {
                  text: 'Temperature Today'
              },
              xAxis: {
                  type: "datetime",
                  categories: time,
                  dateTimeLabelFormats: {
                      day: '%h'
                  },
                  minTickInterval: 24 * 36000000 * 1000,
              },
              yAxis: {
                  title: {
                      text: 'Temperature'
                  },
                  minorGridLineWidth: 0,
                  gridLineWidth: 0,
                  alternateGridColor: null
              },
              tooltip: {
                  formatter: function() {
                          return ''+
                          Highcharts.dateFormat('%e. %b %Y, %H:00', this.x) +': '+ this.y;
                  }
              },
              plotOptions: {
                  spline: {
                      lineWidth: 4,
                      states: {
                          hover: {
                              lineWidth: 5
                          }
                      },
                      marker: {
                          enabled: false,
                          states: {
                              hover: {
                                  enabled: true,
                                  symbol: 'circle',
                                  radius: 5,
                                  lineWidth: 1
                              }
                          }
                      },
                  }
              },
              series: [{
                  name: 'Asen',
                  data: temp
              }]
              ,
              navigation: {
                  menuItemStyle: {
                      fontSize: '6px'
                  }
              }
          });
      });
  
  });
  </code></pre>
  
  <p>Data arrays:  </p>
  
  <pre><code>temp = [-4.39,-4.39,-4.33,-4.33,-4.33,-4.33,-4.33]
  time = [1359910725000,1359910786000,1359910848000,1359910908000,1359910968000,1359911028000,1359911089000,1359911150000]
  </code></pre>