0

時間の経過に伴う一連のデータ値があります (カウントによって決定されます)。データはn分間隔 (カウント x 間隔) で提供されます。通常、データは 96 x 15 (24 時間を与える 15 分間隔が 96 個) になります。間隔の長さとカウントはどちらも動的です。データ系列は、さまざまな種類のデータにすることができます。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]

ただし、x 軸の値は次のとおりです。

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

ハイチャート API を調べてみましたが、時系列をどのように処理するかについて頭も尻尾もわかりません。

ハイチャートに時間を正しく表示するにはどうすればよいですか?

4

2 に答える 2

3

軸のタイプが datetime の場合、グラフは最適と思われる方法でそれらをレンダリングします。それらがレンダリングされる方法が気に入らない場合は、すでに行っているように、 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 時間の tickinterval は 3600000 です。2 時間にしたい場合は、7200000 を使用します。

于 2012-07-13T12:35:46.300 に答える
1

ここでの大まかな推測は、シリーズに時間を含めないことです。xAxis が datetime の場合、それを HighCharts に提供する必要があります。たとえば、シリーズは次のようになります。

[[timeInJSTime1, 15999.999999999996],
 [timeInJSTime2, 14999.999999999996],
 ....
]
于 2012-07-13T12:34:36.637 に答える