2013-02-25 37 views
5

我在高股價圖表中顯示多個系列。我選擇了highstock,因爲我想要顯示至少4小時的數據並且可以選擇滾動,如果用戶在這4個小時之後添加數據點(但我不希望啓用rangeSelector或navigator,如果這涉及到問題,有)。x軸tickInterval在高股價圖表中無法正常工作

我認爲這將是直接的,但我有問題在X軸顯示15分鐘的間隔。當動態添加一個數據點時,圖形會正確顯示15分鐘的時間間隔,但是當添加更多數據點時,x軸開始錯誤地縮放時間。如果我然後刷新頁面並顯示具有多個數據點的圖形,我會得到非常奇怪的tickIntervals。

這裏是我的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(); 
      } 
     } 
    } 

你可以看到這裏休息:http://jsfiddle.net/pxCsX/

我缺少什麼?我對minRange,類型和其他xAxis和系列屬性進行了修飾,並搜索了高分辨率文檔,但我一直想出bupkis。

回答

10

序設置爲false,解決了這個問題:

xAxis: { 
    ordinal: false 
} 
+0

偉大的答案!工作 – 2018-02-22 10:26:08

相關問題