/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 vote117 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
2 votes138 views3 answers
React scroll on top while transition
Javascript React
0 vote126 views1 answer
Disable key enter react-hook-form
Javascript React
0 vote125 views1 answer
React open a link to an outside siite
Javascript React
0 vote128 views1 answer
What is react mounting
Javascript React
0 vote130 views1 answer
React google places auto complete example
Javascript React
0 vote127 views1 answer
Google pay payment gateway for react js project
Javascript React
1 vote126 views2 answers
How to not use relative imports in react js
Javascript React
0 vote121 views1 answer
Form.Control textarea react bootstrap
Javascript React
0 vote145 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React