javascript - HighCharts 在 xAxis 上显示日期时间格式

Question

我正在尝试在 Highcharts 的 x 轴上以日/周/月格式显示日期时间我将数据格式化为 x utc 日期时间格式和 y(幅度)。我的印象是我只需要这样做它就可以工作

Highcharts.chart('container', {
  title: {
    text: 'Chart with time'
  },
  xAxis: {
    type: 'datetime',
    dateTimeLabelFormats: {
      day: "%e. %b",
      month: "%b '%y",
      year: "%Y"
    }
  },
  series: [{
    data: [
      [1493326164493, 100],
      [1493326194018, 120]
    ]
  }]
});

我做错了什么？我在下面为我的场景发布了一个 fiddle 链接

https://jsfiddle.net/dLfv2sbd/

Answer 1

axis.dateTimeLabelFormats工作有点不同。首先，Highcharts 会尝试猜测什么是数据的“最佳单位”，例如如果是一天，它将根据 dateTimeLabelFormats 中的日期属性对其进行格式化。

如果你只想格式化轴标签，你可以使用axis.labels.format并指定这样的格式:

xAxis: {
  type: 'datetime',
  labels: {
    format: '{value:%Y-%b-%e}'
  },

示例:https://jsfiddle.net/dLfv2sbd/1/