reactJS

Question

我借助“ react-chartjs-2”创建了甜甜圈图。现在，我需要在Donut图表内添加文本。 你能帮我吗？

import React, {Component} from 'react';
import {Doughnut} from 'react-chartjs-2';

const data = {
 datasets: [{
    data: [300, 50, 100],
    backgroundColor: [
    '#FF6384',
    '#36A2EB',
    '#FFCE56'
    ],
    borderWidth: 0
 }]
};

 var deliveredOpt = {
     cutoutPercentage: 90,
     animation: {
         animationRotate: true,
         duration: 0
     },
     legend: {
         display: false
     }, 
     tooltips: {
        enabled: false
     }
   };

  class App extends Component {

  render() {
  return (
   <div>
     <h2>Doughnut Example</h2>
     <Doughnut data={data} options={deliveredOpt} />
   </div>
 );
 } 
};
export default App;

我需要在甜甜圈中显示一根绳子。如果有其他解决办法，请让我现在。

谢谢