/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 vote113 views1 answer
Create react app ssl
Javascript React
1 vote162 views2 answers
How to render react native app under the status bar
Javascript React
8 votes164 views3 answers
Change title react
Javascript React
11 votes181 views2 answers
React must be in scope when using jsx
Javascript React
4 votes187 views2 answers
Linking in react native
Javascript React
0 vote154 views1 answer
Ts(2749) react testing library
Javascript React
1 vote170 views2 answers
Switch is not exported from react-router-dom
Javascript React
4 votes176 views2 answers
HandleClick react
Javascript React
12 votes169 views1 answer
Suspense react
Javascript React
9 votes165 views2 answers
How to redirect react router from the app components
Javascript React