/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

6 votes432 views3 answers
Multiple path names for a same component in react router
Javascript React
13 votes369 views4 answers
Passing data in react router history,push
Javascript React
0 vote381 views1 answer
React sagas state
Javascript React
1 vote309 views1 answer
Class and id in react
Javascript React
1 vote368 views1 answer
Breakline in react native
Javascript React
0 vote378 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React
0 vote369 views1 answer
React native text area align top
Javascript React
4 votes368 views2 answers
How to use react-native-vector-icons
Javascript React
13 votes355 views3 answers
Enable emmet vscode react
Javascript React
0 vote337 views1 answer
React return value from component
Javascript React