将 xAxes 标签设置为格式 YYYY-MM-DD HH:mm:ss in Chart.js

Question

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

这是 xAxes 的当前配置。

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

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

Answer 1

您可以根据 Display Formats from Chart.js documentation. See Moment.js 使用 属性 displayFormats 允许的格式字符串。

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