在 Chart.js 中设置 xAxes 标签以格式化 YYYY-MM-DD HH:mm:ss

Question

我在 Chart.js 中生成了以下气泡图。请注意 xAxes 标签已经是日期对象。

这是 xAxes 的当前配置。

scales: {
  xAxes: [{
    type: 'time',
    time: {
      unit: 'second',
    }
  }],

如何以YYYY-MM-DD HH:mm:ss 格式显示 xAxes 标签？

Answer 1

您可以根据 Chart.js 文档中的 Display Formats 使用属性 displayFormats。有关允许的格式字符串，请参阅Moment.js。

scales: {
  xAxes: [{
    type: 'time',
    time: {
      unit: 'second',
      displayFormats: {
        second: 'YYYY-MM-DD HH:mm:ss'
      }
    }
  }]
}