chart.js - ChartJS 3.0.2 中的时间序列刻度。带来错误“此方法未实现：找不到适配器或集成不完整......”

Question

我升级到最新的 Chart.JS 版本 3.0.2。我正在尝试获取要呈现的时间序列图。这是我的配置：

{
  type: 'line',
  data: {
    datasets: [{
      data: dataForChart
    }]
  },
  options: {
    scales: {
      x: {
        type: 'time'
      }
    }
  }
} 

我已经像这样导入了模块：

import ChartJS from 'chart.js/auto';

我得到的错误是：

Error: This method is not implemented: either no adapter can be found or an incomplete integration was provided.

关于我可能做错的任何提示？

这是一个存在该问题的代码沙箱：https ://codesandbox.io/s/throbbing-cdn-j6q2u?file=/src/App.js

Answer 1

您需要安装和导入适配器，在您的情况下，它是时间序列的时刻适配器

npm install moment chartjs-adapter-moment --save

然后将其导入您的组件中： import 'chartjs-adapter-moment';

有关适配器的更多信息，请查看此

Answer 2

您需要一个如上所述的适配器。看这里：https ://github.com/chartjs/chartjs-adapter-date-fns

一种选择是添加以下 CDN 链接。

<script src="https://cdn.jsdelivr.net/npm/chart.js/dist/chart.min.js"></script>
   
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>

Answer 3

如您的错误和文档中所述，您需要一个适配器将日期转换为日期对象，请参阅文档：https ://www.chartjs.org/docs/latest/axes/cartesian/time.html#date-adapters

Answer 4

我认为您应该像下面的代码一样将列表放入 x 中。

scales: {
  x: [{
    type: 'time'
  }]
}