/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

14 votes129 views3 answers
Cannot resolve react-router-dom
Javascript React
0 vote138 views1 answer
Connect react native app to local api macos
Javascript React
1 vote139 views1 answer
React-native init AwesomeProject change port
Javascript React
1 vote96 views1 answer
View onpress react native
Javascript React
1 vote132 views1 answer
How to populate a checkbox from an api react
Javascript React
0 vote151 views1 answer
React Update a label when rate moves
Javascript React
0 vote138 views1 answer
Code in nested forEach loop- react native
Javascript React
2 votes168 views2 answers
Discord.js remove reaction
Javascript React
0 vote208 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
0 vote125 views1 answer
How to redirect a form to another page when we submitted a form in react js
Javascript React