Ośka X nie działa poprawnie na wykresie wysokiego poziomu

Question

Wyświetlam kilka serii na wykresie highstock. Wybrałem highstock, ponieważ chcę pokazać co najmniej 4 godziny danych z opcją przewijania, jeśli użytkownik doda punkty danych poza te 4 godziny (ale nie chcę włączonego selektora lub nawigatora, jeśli dotyczy to problemu ". m o).

Pomyślałem, że to będzie proste, ale mam problemy z wyświetlaniem 15-minutowych interwałów na osi X. Gdy jeden punkt danych jest dodawany dynamicznie, wykres poprawnie pokazuje 15-minutowe interwały czasowe, ale gdy dodaje się więcej punktów danych, oś X zaczyna skalować czasy niepoprawnie. Jeśli odświeżę stronę i wyświetlę wykres z wieloma punktami danych, dostaję naprawdę dziwne tickIntervals.

Oto moje opcje OśX:

xAxis: { 
     type: 'datetime', 
     min: 1361815200000, 
     max: 1361829780000, 
     tickInterval: 15 * 60 * 1000, 
     minTickInterval: 15 * 60 * 1000, // 15 minute intervals 
     gridLineWidth: 2, 
     labels: { 
      formatter: function() { 
       var d = new Date(this.value); 
       return (d.getMinutes() == 0) ? '<b>' + Highcharts.dateFormat('%H:%M', this.value) + '</b>' : d.getMinutes(); 
      } 
     } 
    } 

Można zobaczyć resztę tutaj: http://jsfiddle.net/pxCsX/

Czego mi brakuje? Wymieniłem minRange, typ i inne atrybuty xAxis i serii oraz przetrząsałem dokumenty highstock, ale wciąż wymyślam bupkisa.

Answer 1

Ustawianie porządkowa false rozwiązuje problem:

xAxis: { 
    ordinal: false 
}