未捕获错误："category"不是注册秤

Question

我正在尝试实现React char，但遇到这个错误，我搜索并遵循decumentation，但找不到解决方案。

import React from 'react';
import { Bar } from 'react-chartjs-2';

const BarChart = () => {
return (
<div>
<Bar data={{
labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255, 99, 132, 1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1
}]
}} />
</div>
);
};
export default BarChart;

Answer 1

将代码更改为：

import { Bar } from 'react-chartjs-2';
import { Chart, registerables } from 'chart.js';
Chart.register(...registerables);
const BarChart = () => { ... your code ... }

如中所述https://www.chartjs.org/docs/3.3.0/getting-started/integration.html#bundlers-webpackrollup等，您需要注册将要使用的所有组件
上面的代码只是注册了所有内容。

查看您可以注册的所有可用组件的链接。