/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

5 votes196 views1 answer
How to host react app on heroku
Javascript React
0 vote191 views1 answer
How to run bare react-native project
Javascript React
-1 vote189 views1 answer
How to load the images from the website dynamically in react
Javascript React
4 votes198 views4 answers
React native android safeareaview
Javascript React
0 vote183 views1 answer
How to disable RectButton from react-native-gesture-handler
Javascript React
1 vote202 views1 answer
Share file in react native
Javascript React
0 vote196 views1 answer
Add pdf in react app
Javascript React
0 vote175 views1 answer
Dropdown search field in react native
Javascript React
0 vote190 views1 answer
React native navigate two screens back
Javascript React
-1 vote180 views1 answer
Moment in react native
Javascript React