如何在甜甜圈图表 chart.js React 中添加标题

Question

我想在我的 React 应用程序中为圆环图添加一个标题，但由于某种原因它不起作用。我有这个代码：

const chartData = {
      labels: [],
      datasets: [{
        data: [],
        backgroundColor: [
          Colors.primary,
          Colors.secondary,
          Colors.danger,
          Colors.warning
        ],
        hoverBackgroundColor: [
          'rgb(143, 0, 180, 0.3)',
          'rgb(0, 196, 204, 0.3)',
          'rgb(206, 0, 0, 0.3)',
          'rgb(255, 179, 0, 0.3)'
        ],
        hoverOffset: 10
      }]
    };

    const options = {
      responsive: true,
      legend: {
        display: false,
        position: 'right',
      },
      title: {
        display: true,
        fontSize: 20,
        text: 'Tickets'
      }
    }

        <Doughnut 
          data = { chartData } 
          options = { options }
        />

这里可能出了什么问题？我还想将标签放在图表的右侧，但效果不佳。下面是输出。