Текст внутри кольцевой диаграммы в реагировать

Question

Я создал Донат-чарт с помощью «response-chartjs-2». Теперь мне нужно добавить текст внутри диаграммы пончиков. Не могли бы вы помочь мне?

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;

Мне нужно показать одну строку внутри пончика. Позвольте мне сейчас, если есть какие-либо пути назад.

Спасибо