Gráfico Doughnut Widget

Widgets
1

Olá pessoal, bom dia!

Alguém pode me passar um exemplo prático de como colocar legendas em uma gráfico do tipo doughnut? Não achei nenhuma documentação do Fluig sobre como adicionar essas legendas.

Obrigado.

2

Boa tarde amigo, legendas vc diz datalabels (exibir o valor q o donut tem) ou um titulo para o chart?

3

Boa tarde meu amigo!

Seria as legendas mesmo, igual ao chart abaixo:

image
image741×657 43.9 KB

4

vc deve editar o bloco labels do seu chart

const data = {
  labels: [
    'Red',
    'Blue',
    'Yellow'
  ],
  datasets: [{
    label: 'My First Dataset',
    data: [300, 50, 100],
    backgroundColor: [
      'rgb(255, 99, 132)',
      'rgb(54, 162, 235)',
      'rgb(255, 205, 86)'
    ],
    hoverOffset: 4
  }]
};
5

A estrutura de dados do gráfico tipo donut é diferente, consegui adicionar as legendas pela própria função do chart.js, exemplo abaixo:

var legendHolder = document.createElement('div');
legendHolder.innerHTML = doughnutChart.generateLegend();

document.getElementById('legend').appendChild(legendHolder.firstChild);

Obrigado pelo apoio.