2017-12-21 22 views
0

ミリ秒を含むdatetimeでハイチャートのx軸を表示できますか?私は同じ時間と秒で記録された異なるデータを持っていますが、ミリ秒は異なります。ここに私のサンプルデータがあります。ミリ秒を含む表示日時

[ 
[ 
    "1507104333940", 
    209.231 
], 
[ 
    "1507104333950", 
    208.715 
], 
[ 
    "1507104333960", 
    207.933 
], 
[ 
    "1507104333970", 
    207.112 
], 
[ 
    "1507104333980", 
    206.634 
], 
[ 
    "1507104333990", 
    206.638 
], 
[ 
    "1507104334000", 
    206.132 
], 
[ 
    "1507104334010", 
    205.197 
], 
[ 
    "1507104334020", 
    204.713 
], 
[ 
    "1507104334030", 
    204.415 
]] 

ハイチャートでは、日付と時刻(HH:MM:SS)のみが表示されます。ミリ秒(HH:MM:SS.Mi)で表示したい

答えて

2

xAxis.dateTimeLabelFormatsを使用できます。 millisecond: '%H:%M:%S.%L'

var data = [ [ "1507104333940", 209.231 ], [ "1507104333950", 208.715 ], [ "1507104333960", 207.933 ], [ "1507104333970", 207.112 ], [ "1507104333980", 206.634 ], [ "1507104333990", 206.638 ], [ "1507104334000", 206.132 ], [ "1507104334010", 205.197 ], [ "1507104334020",204.713 ], [ "1507104334030", 204.415 ]].map(a => [+a[0], a[1]]);; 
 
Highcharts.chart('chart', { 
 
    title: { 
 
    text: 'Chart with time' 
 
    }, 
 
    xAxis: { 
 
    type: 'datetime', 
 
    dateTimeLabelFormats: { 
 
     millisecond: '%H:%M:%S.%L' 
 
    } 
 
    }, 
 
    series: [{ 
 
    data: data 
 
    }] 
 
});
<script src="https://code.highcharts.com/highcharts.js"></script> 
 
<div id="chart"></div>

+0

するTIMEFORMATを指定しますが、日付が間違っています。私のタイムスタンプは2017年10月ですが、グラフには1月が表示されます。 – Vincent

+1

これを更新すると、x軸に時間が表示され、ツールチップにdatetimeが表示されます。 –

関連する問題