使用React来绘制图表（react-chartjs-2）

背景

我想用React来绘制图表，有几个模块可供选择，我选择了最受欢迎的react-chartjs-2模块。
参考了一篇文章的示例代码，但运行时没有成功，所以我将其作为备忘录发布了。

环境

• Macbook Air (M1, 2020)

• Docker 20.10.16

• Docker Compose 2.5.1

• node v18.7.0

• react 18.1.0

• react-dom 18.1.0

• chart.js 3.9.1

react-chartjs-2 4.3.1

我正在使用集装箱工作。

对参考文章的验证

可以找到大量的参考文章。

然而，当复制并运行时，浏览器显示一个纯白的页面。开发工具报告了许多错误。真让人不知所措。

解决办法

当我在谷歌搜索”Uncaught Error: ‘category’ is not a registered scale”时，找到了相应的错误信息。

最终，通过添加以下两行来解决。

import { Chart, registerables } from "chart.js"
Chart.register(...registerables)

就变成这样了。真是喜闻乐见。