21 lines
407 B
TypeScript
21 lines
407 B
TypeScript
|
import {
|
||
|
|
ArcElement,
|
||
|
|
Chart as ChartJS,
|
||
|
|
ChartData,
|
||
|
|
ChartOptions,
|
||
|
|
Legend,
|
||
|
|
Tooltip,
|
||
|
|
} from 'chart.js';
|
||
|
|
import { Pie } from 'react-chartjs-2';
|
||
|
|
|
||
|
|
ChartJS.register(ArcElement, Tooltip, Legend);
|
||
|
|
|
||
|
|
interface PieChartProps {
|
||
|
|
data: ChartData<'pie'>;
|
||
|
|
options?: ChartOptions<'pie'>;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function PieChart({ data, options }: PieChartProps) {
|
||
|
|
return <Pie data={data} options={options} />;
|
||
|
|
}
|