从 PrimeReact 更改圆环图的标签位置答案

【问题标题】：Change label position of Doughnut Chart from PrimeReact从 PrimeReact 更改圆环图的标签位置
【发布时间】：2020-02-03 16:32:03
【问题描述】：

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

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

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

TIA

【问题讨论】：

【解决方案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}
 />

【讨论】：

【解决方案2】：

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

【讨论】：