Highcharts Date/Time and X-Axis

Question

Szukam prostego przykładu, jak ustawić wyświetlanie czasu w odstępach jednogodzinnych przez okres 24 godzin, a la: 8 rano, 9 rano itd. oś x. Dane do wyszukania będą następujące: [czas, odczyt licznika]. Wszystkie moje dotychczasowe próby nie zadziałały.

Należy podać dodatkowe informacje.

Answer 1

Po zabawie z oficjalnym przykładem i dokumentacją, znalazłem sposób na uzyskanie odstępów co dwie godziny, ale można uzyskać łatwe interwały co godzinę.

Oto opcje trzeba określić w tworzeniu Highcharts:

$(function() { 
    $('#container').highcharts({ 
     chart: { ... }, 
     title: { ... }, 
     subtitle: { ... }, 
     xAxis: { 
      type: 'datetime', 
      tickInterval: 3600 * 1000, 
      ... 
     }, 
     yAxis: { ... }, 
     tooltip: { ... }, 
     legend: { ... }, 
     plotOptions: { ... }, 
     series: [{ 
      ... 
      pointInterval: 3600 * 1000, 
      pointStart: Date.UTC(2006, 0, 01, 0, 0, 0, 0), 
      data: [ 
       ... 
      ] 
     }] 
    }); 
}); 

gra z opcji tickInterval, pointInterval i pointStart można uzyskać to, co chcesz.

Oto żywy przykład tego, co mówię: http://jsfiddle.net/FxD58/1/

To działa bardzo dobrze, jeśli masz 24 wartości w serii (jak 24 godzin w ciągu dnia ...)