从 PrimeReact 更改甜甜圈图的标签位置

Question

我是 React 的新手，想更改来自 PrimeReact(https://www.primefaces.org/primereact/#/doughnutchart) 的圆环图标签的位置。

我检查了内部用于图表的link(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 的回答也非常适合我的问题。我也在寻找在甜甜圈中心包含标签的选项 - 是否有任何地方可以找到可以使用的选项列表？