时间在Chartjs中使用date-fns

Question

我是一个使用chartjs的菜鸟，我想在yAxis中显示时间，我避免使用momentjs，因为它的尺寸很大，所以我使用date-fns来实现这一点，我想我错过了我的时间格式中的某些内容，并且显示为非结构化您所看到的yAxis中的数据

这是我的图表外观：

这是将数据传递到yAxis的方式

0: {type: "hero", isHidden: true, id: 9}
1: {type: "hero", isHidden: true, id: 7}
2: {type: "hero", isHidden: true, id: 10}
3: {type: "hero", isHidden: true, id: 5}
4: {type: "hero", isHidden: true, id: 11}
5: {type: "hero", isHidden: true, id: 5}
6: {type: "hero", isHidden: true, id: 8}
7: {type: "hero", isHidden: true, id: 7}
8: {type: "hero", isHidden: true, id: 8}
9: {type: "hero", isHidden: true, id: 9}
10: {type: "hero", isHidden: true, id: 10}
11: {type: "hero", isHidden: true, id: 11}

Ps：我已导入：chartjs-adapter-date-fns

this.myChart = new Chart(this.ctx, {
  type: 'line',
  data: data,
  options: {
    legend: {
      display: false
    },
    responsive: true,
    scales: {
      yAxes: [
        {
      type: 'time',
      time: {
        parser: 'HH.mm',
        tooltipFormat: 'HH:mm',
        unit: 'minute',
        unitStepSize: 1,
    },
          display: true,
          scaleLabel: {
            display: true,
            labelString: 'Hours',
          },
          ticks: {
            source : 'data'

          }
        }
      ],
      xAxes: xAxes
  ...
    },
  }
});