/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

7 votes153 views2 answers
React native rename
Javascript React
0 vote158 views1 answer
React big calendar event color
Javascript React
11 votes153 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
1 vote184 views2 answers
Deploy create react app pm2
Javascript React
14 votes159 views5 answers
React conditional class
Javascript React
4 votes162 views6 answers
React-native shadow generator
Javascript React
0 vote144 views1 answer
Navigate to another page onPress button react native
Javascript React
33 votes165 views3 answers
React routes
Javascript React
2 votes148 views1 answer
Redux React redux
Javascript React
0 vote183 views5 answers
How to use paystack with react
Javascript React