React + Chart.js 2.0:如何在甜甜圈图表中放置标签？

import React from 'react';
import Chart from 'chart.js';
import 'chart.js/dist/Chart.css';

class DonutChart extends React.Component {
  chartRef = React.createRef();

  componentDidMount() {
    const myChartRef = this.chartRef.current.getContext('2d');

    new Chart(myChartRef, {
      type: 'doughnut',
      data: {
        labels: ['标签1', '标签2', '标签3'],
        datasets: [
          {
            data: [10, 20, 30],
            backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],
          },
        ],
      },
      options: {
        legend: {
          position: 'bottom',
        },
      },
    });
  }

  render() {
    return <canvas ref={this.chartRef} />;
  }
}

export default DonutChart;

import React from 'react';
import DonutChart from './DonutChart';

function App() {
  return (
    <div>
      <h1>甜甜圈图表</h1>
      <DonutChart />
    </div>
  );
}

export default App;