/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

9 votes377 views3 answers
React js Uncaught RangeError: Maximum call stack size exceeded
Javascript React
1 vote362 views1 answer
React js console log not working
Javascript React
1 vote332 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
0 vote347 views1 answer
How to turn of autocomplete in react hook form material ui
Javascript React
0 vote338 views1 answer
OnClick={ (window.open react js
Javascript React
0 vote378 views3 answers
Place footer at the bottom of the page react
Javascript React
0 vote375 views1 answer
React regions
Javascript React
0 vote388 views1 answer
React native scrollview in modal
Javascript React
7 votes381 views4 answers
Import image in react js
Javascript React
0 vote367 views1 answer
How to remove an object from array in react native
Javascript React