/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 vote77 views0 answer
React
Javascript React
2 votes143 views1 answer
Scoll to top on each route react
Javascript React
0 vote130 views1 answer
Hooks developed by react native
Javascript React
10 votes119 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
1 vote129 views1 answer
Adding media queries in makeStyle material react
Javascript React
0 vote137 views1 answer
Upload file react onclick
Javascript React
7 votes118 views2 answers
Insert a line break into a text component in react-native
Javascript React
0 vote125 views1 answer
Imagebackground with input inot avoiding react native
Javascript React
0 vote132 views2 answers
Barcode scanner react js
Javascript React
0 vote125 views1 answer
How to change list item text color in react
Javascript React