Reactjs Chartjs图例位置不为';使用react时,请勿使用自定义高度

Reactjs Chartjs图例位置不为';使用react时,请勿使用自定义高度,reactjs,charts,chart.js,react-chartjs,Reactjs,Charts,Chart.js,React Chartjs,起初,我试图在legend和chart之间添加空格,我使用了在stackoverflow上找到的空格, 现在间距可以工作了,但是图例一直保持在顶部。我正在尝试将其移动到底部,我添加了这个 const DoughnutOptions = { legend: { position: "bottom", }, }; 但它不起作用,我怎样才能把它移到底部?你可以看到我的完整代码

起初,我试图在
legend
chart
之间添加空格,我使用了在stackoverflow上找到的空格, 现在间距可以工作了,但是
图例
一直保持在顶部。我正在尝试将其移动到
底部
,我添加了这个

const DoughnutOptions = {
  legend: {
    position: "bottom",
  },
};
但它不起作用,我怎样才能把它移到底部?你可以看到我的完整代码