如何在react中创建饼图？

npm install react-chartjs-2 chart.js

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

render() {
  const data = {
    labels: ['Label 1', 'Label 2', 'Label 3'],
    datasets: [
      {
        data: [30, 50, 20],
        backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],
        hoverBackgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],
      },
    ],
  };

  const options = {
    // 可以在这里定义饼图的样式和配置选项
  };

  return (
    <div>
      <Pie data={data} options={options} />
    </div>
  );
}