React 中 CoreUI 的 ChartJS 包装器中的 chartjs-adapter-luxon 的实现是否不同？答案

【问题标题】：Is the implementation different for the chartjs-adapter-luxon in CoreUI's wrapper of ChartJS in React?React 中 CoreUI 的 ChartJS 包装器中的 chartjs-adapter-luxon 的实现是否不同？
【发布时间】：2022-12-07 09:53:13
【问题描述】：

几个星期以来，当我将 x-axis 更改为 type: time 时，我得到 react-dom.development.js:22839 Uncaught Error: This method is not implemented: Check that a complete date adapter is provided.。在阅读了无数答案之后，我得到的最接近的答案是在 HTML 标头中使用 CDN，但这似乎不起作用。我正在为 React 使用 CoreUI 的 ChartJS 包装器，这似乎限制了一些我认为需要让适配器工作的访问权限。我一直在寻找“完整适配器”对 luxon 意味着什么，但我只看到可选的adapters.date中的参数，不是必需的.

我研究的另一条路线是正在实施的 luxon 适配器前ChartJS 被调用，但我没有看到任何可能的异步选项，一旦图表加载，它就会实现该模块。

我当前的依赖项：

"@coreui/chartjs": "^3.0.0",
"@coreui/react-chartjs": "^2.1.0",
 "chartjs-adapter-luxon": "^1.1.0",
 "luxon": "^3.0.1",

此时，我不知道问题是出在 CoreUI、React、ChartJS、Luxon 还是其他什么地方。是否可以实施适配器，如果可以，我该怎么做？

附加照片：

【问题讨论】：

标签： reactjs chart.js core-ui luxon

【解决方案1】：

您需要为您正在使用的日期库安装一个日期适配器，在您的情况下，它是 luxon 的日期适配器

npm install luxon chartjs-adapter-luxon --save

然后你需要在你导入的地方导入它并制作你的图表

import 'chartjs-adapter-luxon';

【讨论】：

感谢您的快速回复，我非常感谢。但是，这种方法对我不起作用；结果与上面相同。在询问之前已经安装了这些包（但我复制并粘贴了你上面写的 npm install）并在我的图表选项对象所在的文件中写下了 import 语句。我很好奇 luxon 适配器还需要什么。谢谢你的领导。

【解决方案2】：

在对 ChartJS、CoreUI ChartJS 和 react-chartjs-2 进行大量测试后，CoreUI 目前没有正确实现适配器。我不知道为什么，但如果 CoreUI 用户想要一个日期适配器，则 react-chartjs-2 是可行的方法。除了显式注册 ChartJS 片段之外，迁移到 react-chartjs-2 的工作并不多。

【讨论】：