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

Question

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

我检查了primereact内部用于图表的链接(https://www.chartjs.org/docs/latest/charts/doughnut.html(，没有发现更改位置等的选项。有没有办法实现？

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

蒂亚

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