react chart.js时间尺度不适用于日期-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
          }
        ...

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

20220225...

• data：{x: 1617253200000，y: 1}，.

• 数据：{x: 2022-02-24，y: 1}，.

但是似乎什么都不起作用，日期以字符串的形式显示。因此，除了chartjs-adapter-date-fns之外，我不确定安装是否有问题。

Answer 1

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