/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 vote380 views1 answer
React component in for loop
Javascript React
1 vote386 views1 answer
React router dom 6 go back
Javascript React
1 vote413 views1 answer
Close exit app react native
Javascript React
0 vote386 views1 answer
React native paper modal background
Javascript React
2 votes377 views2 answers
React google maps
Javascript React
1 vote394 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
8 votes375 views1 answer
React-fragment
Javascript React
0 vote404 views1 answer
How to reset count in react
Javascript React
0 vote430 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
0 vote401 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React