javascript - 显示日期时间，包括毫秒

Question

是否可以在 highcharts 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
]]

但在 highcharts 中它只显示日期和时间 (HH:MM:SS)。我想以毫秒显示(HH:MM:SS.Mi)

Answer 1

您可以使用xAxis.dateTimeLabelFormats 。将时间格式指定为毫秒:'%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>