Изменить положение метки кольцевой диаграммы от PrimeReact - PullRequest
Новая
       16

Изменить положение метки кольцевой диаграммы от PrimeReact

0 голосов
/ 03 февраля 2020

Я новичок в React и хотел бы изменить положение меток для кольцевой диаграммы с PrimeReact (https://www.primefaces.org/primereact/# / doughnutchart ).

Я проверил ссылку (https://www.chartjs.org/docs/latest/charts/doughnut.html), которые первично реагируют внутренне для графика и не находят возможности изменить положение и т. Д. c. Есть ли способ достичь?

Я также хотел бы иметь текст в центре пончика.

TIA

Ответы [ 2 ]

0 голосов
/ 12 февраля 2020

Ответ от user578219 также идеально подошел для моей проблемы. Я также ищу возможность включить метку в центре пончика - есть ли где-нибудь, где я могу найти список вариантов, которые можно использовать?

0 голосов
/ 04 февраля 2020

Вот диаграмма 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}
 />
...