如何在 react-chartjs-2 中的 X 轴上保持固定宽度的刻度

Question

我在 react-chartjs-2 中使用带有日期类型标签的折线图。我有一个下拉列表来显示 2 小时、4 小时、8 小时图表。我想保持 15 分钟的 X 轴刻度之间的距离。但在 4 小时和 8 小时后，我得到的图表被“smooshed”。如果刻度线之间的距离保持不变 & 而不是图表变得水平滚动，这个 smooshing 问题将得到解决。

目前我正在做以下事情：

options = {
  scales: {
    x: {
      type: "time",
      time: {
        unit: "hour"
      }
    }
  }
}

但是这是抛出一个错误：

Type 'string' is not assignable to type '"timeseries"'.

这似乎出乎意料，因为我可以验证传递给折线图数据参数的标签是

new Date(timestamp)

的数组。我该如何解决这个问题？