/Javascript/React/Doughnut chartjs with react display percentage

Doughnut chartjs with react display percentage

var canvas = document.getElementById('myChart');
new Chart(canvas, {
    type: 'Doughnut',    
    data: {
      labels: ['January', 'February', 'March'],
      datasets: [{
        data: [50445, 33655, 15900],
        backgroundColor: ['#FF6384', '#36A2EB','#FFCE56']
      }]
    },
    options: {
      responsive: true,
      maintainAspectRatio: true,
      plugins: {
        labels: {
          render: 'percentage',
          fontColor: ['green', 'white', 'red'],
          precision: 2
        }
      },
    }
});

Source: stackoverflow.com

Similar codes

1 vote247 views1 answer
Node sass version react
Javascript React
0 vote238 views1 answer
How to make a github api using react
Javascript React
0 vote244 views1 answer
Open screen pdf on google drive react native expo
Javascript React
0 vote243 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
26 votes241 views5 answers
React image
Javascript React
2 votes296 views4 answers
Discord js remove reaction from user
Javascript React
0 vote254 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript React
0 vote235 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote214 views0 answer
React
Javascript React
0 vote245 views1 answer
Ng2 validations angular using reactiveforms
Javascript React