/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

0 vote348 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
0 vote368 views1 answer
React flip move
Javascript React
1 vote339 views1 answer
Running scripts is disabled on this system react js
Javascript React
2 votes351 views1 answer
React setupproxy
Javascript React
4 votes391 views2 answers
Concurrently node react
Javascript React
2 votes310 views2 answers
Prevent refresh react
Javascript React
-2 votes321 views1 answer
Starter react redux project
Javascript React
0 vote298 views1 answer
Inline style to change background color react
Javascript React
7 votes326 views1 answer
Img src in react js
Javascript React
2 votes311 views2 answers
React detect screen size
Javascript React