Reactjs 在react中使用chartjs显示值或百分比

我正在使用chartjs在react项目中创建饼图。但是我不能在不同的段上显示任何值。我尝试了不同的插件，但它们都不再受支持

我愿意接受任何想法。这就是我目前呈现图表的方式：

<Pie
  data={chartData}
  options={{
    responsive: true,
    plugins: {
        legend: {
            labels: {
                color: "white",
                font : {
                size: 16
            },
        }
      }
      },
    }}
/>

---

您可以使用datalabels插件的beta版，安装方式如下：

YARN:
yarn add chartjs-plugin-datalabels@next

NPM:
npm i chartjs-plugin-datalabels@next

chart.js v3的实时示例：

Chart.register（ChartDataLabels）；
变量选项={
键入“pie”，
数据：{
标签：[“橙色”、“蓝色”、“灰色”]，
数据集：[{
标签：“#投票数”，
数据：[12,19,3]，
边框宽度：1，
背景颜色：[“橙色”、“蓝色”、“灰色”]
}]
},
选项：{
插件：{
数据标签：{
背景颜色：功能（上下文）{
返回context.dataset.backgroundColor；
},
边框颜色：“白色”，
边界半径：25，
边框宽度：3，
颜色：'白色'，
字体：{
重量：“粗体”
},
填充：6，
}
}
}
}
var ctx=document.getElementById（'chartJSContainer'）.getContext（'2d'）；
新图表（ctx，选项）

为了更好地帮助您，最好知道您是在react中使用chartjs，还是在使用react chartjs npm包，或者任何类似的东西。我使用npm包：）我对所有这些都不熟悉。我试图注册插件，但没有注册。到目前为止，我只从“react-chartjs-2”导入。当我尝试从“chartjs”导入时，它说它没有默认导出。所以我无法正确注册插件。因此它不起作用。感谢您的帮助这里是一个缩放插件的react示例，它向您展示了如何注册它，如果您以同样的方式注册它，它将工作：非常感谢！这帮了大忙。把我带到你的身边