/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 votes105 views2 answers
React native password input
Javascript React
2 votes109 views1 answer
React check if focused
Javascript React
0 vote97 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
0 vote110 views1 answer
How to accept only. proper email from an input field react with functional component
Javascript React
2 votes104 views1 answer
React add gradient top to bottom
Javascript React
0 vote100 views1 answer
Nested ternaries react
Javascript React
0 vote98 views1 answer
Bottom shadow in react native
Javascript React
0 vote60 views3 answers
How to use keyextractor in flatlist react native
Javascript React
1 vote104 views2 answers
React native map array of objects
Javascript React
2 votes129 views1 answer
React native text right align
Javascript React