React Chart.js 时间刻度不适用于 date-fns 适配器

Question

我试图让时间刻度（x 轴）与 date-fns 适配器一起工作，并为 chartjs-adapter-date-fns 获取“错误”，这可能是问题所在：

Could not find a declaration file for module 'chartjs-adapter-date-fns'. 'C:/react/envirodata/node_modules/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.js' 
implicitly has an 'any' type.
Try `npm i --save-dev @types/chartjs-adapter-date-fns` if it exists or add a new declaration  (.d.ts) file containing `declare module 'chartjs-adapter-date-fns';`ts(7016)

我的设置是这样的：

import {
  Chart as ChartJS,
  CategoryScale,
  LinearScale,
  PointElement,
  LineElement,
  Title,
  Tooltip,
  Legend,
} from 'chart.js';

import "chartjs-adapter-date-fns";
import {Line} from 'react-chartjs-2';
import zoomPlugin from "chartjs-plugin-zoom";


ChartJS.register(
  CategoryScale,
  LinearScale,
  PointElement,
  LineElement,
  Title,
  Tooltip,
  Legend, 
  zoomPlugin
);

选项是这样的：

plugins: {
  scales: {
    x: {
        type: 'time',  
        adapters: {
          date: {
              locale: en
          }
        ...

我尝试了不同的日期格式的时间刻度。例如：

1. 标签：[20220224，20220225...]
2. 数据：[{x：1617253200000，y：1}，...]
3. 数据：[{x：2022-02-24，y：1}，... ]

但似乎没有任何作用，日期像字符串一样显示。因此，除了 chartjs-adapter-date-fns 之外，我不确定设置是否有问题。

Answer 1

从“chart.js”导入 TimeScale 而不是 CategoryScale