Reactjs 使用react-chartjs-2增加图例和图表之间的填充

我试图通过

reactjs

增加图例标签和图表之间的间距，我已经寻找了不同的解决方案，但大多数都是香草js。基于此，我已在图表选项中添加了此选项

const DoughnutOptions={
插件：[
{
beforeInit:函数（图表、选项）{
chart.legend.afterFit=函数（）{
this.height=this.height+50；
};
}
},
{
标签：{
呈现：“百分比”，
fontColor:[“黑色”、“白色”]，
},
},
]
}
返回(
)

但它不起作用，我是不是遗漏了什么？

---

您可以查看我的示例，请参见官方文档：

尝试更改填充，如下面的代码示例所示，这可能会解决您的问题：

    legend: {
          labels: {
            padding: 40 //default is 10
          },
          display: true,
          position: 'bottom',
          align: 'start'
    },

---

遵循官方文件：

尝试更改填充，如下面的代码示例所示，这可能会解决您的问题：

    legend: {
          labels: {
            padding: 40 //default is 10
          },
          display: true,
          position: 'bottom',
          align: 'start'
    },