/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 votes229 views1 answer
Create react app in existing folder
Javascript React
0 vote210 views1 answer
How to stop server of react js
Javascript React
0 vote236 views1 answer
React native undedined map
Javascript React
0 vote203 views1 answer
How to clear form fields in react after submit
Javascript React
0 vote212 views1 answer
Webpack react proxy not working
Javascript React
0 vote216 views1 answer
How to link a photo in expo react native
Javascript React
10 votes234 views1 answer
Dimensions react native
Javascript React
0 vote208 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript React
0 vote166 views1 answer
Create react element with string
Javascript React
0 vote224 views1 answer
Module not found: Can't resolve 'react-chartjs-2'
Javascript React