/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 vote169 views1 answer
Onpress react native datepicker stackver flow
Javascript React
0 vote162 views1 answer
Textinput multiline start from top react native
Javascript React
0 vote151 views1 answer
Array of refs react
Javascript React
5 votes149 views1 answer
Redirect in netlify react
Javascript React
0 vote152 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
5 votes181 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
0 vote101 views1 answer
React native bootstrap
Javascript React
4 votes156 views2 answers
Change the route on button click react
Javascript React
0 vote168 views1 answer
React set multible attribute values
Javascript React
0 vote147 views1 answer
Resellerclub api with react js
Javascript React