高圖：在X軸上設置常規間隔

Question

我隨時間有一系列數據值（由計數確定）。 以n分鍾的間隔（計數x間隔）提供數據； 通常，數據為96 x 15（間隔96分鍾，每15分鍾給出24小時）。 間隔的長度和計數都是動態的。 數據系列可以是多種類型的數據。 它可以采用多種格式，例如0.000123或1.23或198763.0000089675。

我希望我的xaxis以1小時為間隔顯示時間（屏幕空間很小，所以可能需要2小時間隔）。 我有這個：

xAxis: {
    type : 'datetime',
    title: {
        text: 'Time ('+period+')'
        },
    dateTimeLabelFormats: {
        minute: '%H:%M',
        hour: '%H:%M'
        }
}

和這樣的系列：

[15999.999999999996,14999.999999999996,15999.999999999996,14999.999999999996,13999.999999999996,15999.999999999996,17999.999999999993,17999.999999999993,16999.999999999993,15999.999999999996,16999.999999999993,14999.999999999996,14999.999999999996,13999.999999999996,14999.999999999996,14999.999999999996,14999.999999999996,14999.999999999996,15999.999999999996,19999.999999999993,23999.999999999993,27999.999999999993,24999.999999999993,22999.999999999993,21999.999999999993,23999.999999999993,29999.999999999993,26999.999999999993,29999.999999999993,31999.999999999993,34999.999999999985,31999.999999999993,31999.999999999993,33999.999999999985,34999.999999999985,32999.999999999985,32999.99999999998,32999.99999999997,32999.99999999997,32999.99999999997,32999.999999999985,32999.999999999985,34999.999999999985,32999.999999999985,32999.999999999985,32999.999999999985,35999.999999999985,32999.999999999985,35999.999999999985,32999.999999999985,33999.999999999985,30999.999999999993,28999.999999999993,31999.999999999993,32999.999999999985,33999.999999999985,30999.999999999993,32999.999999999985,32999.999999999985,30999.999999999993,30999.999999999993,31999.999999999993,31999.999999999993,29999.999999999993,29999.999999999993,30999.999999999993,30999.999999999993,26999.999999999993,25999.999999999993,27999.999999999993,29999.999999999993,27999.999999999993,26999.999999999993,25999.999999999993,26999.999999999993,27999.999999999993,25999.999999999993,28999.999999999993,29999.999999999993,26999.999999999993,24999.999999999993,18999.999999999993,17999.999999999993,16999.999999999993,16999.999999999993,15999.999999999996,16999.999999999993,15999.999999999996,14999.999999999996,15999.999999999996,15999.999999999996,14999.999999999996,14999.999999999996,15999.999999999996,15999.999999999996,14999.999999999996]

但xaxis上的值為：

00:00:00.020    00:00:00.040     00:00:00.020    00:00:00.020

我已經通過highcharts API進行了研究，但是我無法弄清它如何處理時間序列。

如何告訴高圖正確顯示時間？

Answer 1

如果軸的日期時間類型，則圖表將以最佳方式呈現它們。 如果您不喜歡它們的呈現方式，則可以像以前一樣使用dateTimeLabelFormats來控制圖表的日期時間格式。

根據時間數據的日期時間跨度，圖表將選擇以下默認格式之一：

second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'

如果不管范圍如何，都將其全部強制為“小時”和“分鍾”，請按以下步驟進行設置：

second: '%H:%M',
minute: '%H:%M',
hour: '%H:%M',
day: '%H:%M',
week: '%H:%M',
month: '%H:%M',
year: '%H:%M'

要控制顯示日期的間隔，請使用tickInterval 。 由於您的軸的類型為datetime，因此您必須使用毫秒作為tickInterval的單位。 因此，以毫秒為單位的1個小時的滴答間隔為3600000。如果您希望將其設為2個小時，則使用7200000。

Answer 2

粗略的猜測是您沒有在系列中加入時間。 如果xAxis是日期時間，則需要以某種方式將其提供給HighCharts。 例如，您的系列應如下所示：

[[timeInJSTime1, 15999.999999999996],
 [timeInJSTime2, 14999.999999999996],
 ....
]