如何为Chart.js搭配date-fns适配器设置UTC时区？

你需要在时间刻度的配置中，给time对象添加adapter配置项，指定使用date-fns适配器并开启UTC模式，具体修改如下：

scales: {
  x: {
    time: {
      unit: "hour",
      displayFormats: {
        hour: "HH:mm",
      },
      // 新增UTC配置
      adapter: {
        name: 'date-fns',
        options: {
          useUTC: true
        }
      }
    }
  }
}

时区控制属于date-fns适配器的能力范畴，而非Chart.js核心轴配置的内容，因此轴配置文档中未提及。开启useUTC: true后，所有时间的解析与格式化都会基于UTC时区生效。

内容的提问来源于stack exchange，提问作者Digital Ninja