chart.js - 如何在 Chart.js v2 中格式化 x 轴时间刻度值

Question

当我通过 options.scales.xAxes.time.tooltipFormat 将鼠标悬停在折线图上的数据点上时，我可以格式化工具提示，但我似乎无法为 x 轴刻度标签做到这一点。我的 data.labels是一个矩对象数组。它们显示为 "MMM DD, YYYY" (例如 2012 年 2 月 23 日)，但我想放弃这一年。

Answer 1

只需设置所有选定时间单位的displayFormat至 MMM DD

options: {
  scales: {
    xAxes: [{
      type: 'time',
      time: {
        displayFormats: {
           'millisecond': 'MMM DD',
           'second': 'MMM DD',
           'minute': 'MMM DD',
           'hour': 'MMM DD',
           'day': 'MMM DD',
           'week': 'MMM DD',
           'month': 'MMM DD',
           'quarter': 'MMM DD',
           'year': 'MMM DD',
        }
        ...

请注意，我已将所有单位的显示格式设置为 MMM DD .更好的方法是，如果您可以控制数据范围和图表大小，则强制使用一个单位，如下所示

options: {
  scales: {
    xAxes: [{
      type: 'time',
      time: {
        unit: 'day',
        unitStepSize: 1,
        displayFormats: {
           'day': 'MMM DD'
        }
        ...

fiddle - http://jsfiddle.net/prfd1m8q/