reactjs - 从 PrimeReact 更改圆环图的标签位置

Question

我是 React 新手，想从 PrimeReact 更改甜甜圈图的标签位置（https://www.primefaces.org/primereact/#/doughnutchart）。

我检查了Primereact 内部用于图表的链接（ https://www.chartjs.org/docs/latest/charts/doughnut.html ），并没有找到改变位置等的选项。有没有办法实现？

我还想在甜甜圈的中心放一些文字。

TIA

Answer 1

这是图表 jsx：

const option = {
  maintainAspectRatio: false,
  responsive: false,
  legend: {
  position: 'left',
  labels: {
  boxWidth: 10
  }
 }
}

将上述选项应用于图表

<Chart
   style={{ width: "90%", height: "90%" }}
   type="doughnut"
   data={data}
   options={option}
 />

Answer 2

user578219 的回答也非常适合我的问题。我还在寻找在甜甜圈中心包含标签的选项 - 是否有任何地方可以找到可以使用的选项列表？