react-chart.js | React Components for the popular chart library Chart.js | Chart library

I am implementing one doughnut chart in react js by using react-chart.js-2 chart.js, but I want to customize it according to my requirements, I have done already some customization, but one I need to do is, to make the width of chart thin.

Current Image

enter image description here

Required Image

enter image description here

I can't seem to arrange my data correctly for React-Chart.js I currently have my data in all in one array:

I want to implement charts in my project, and I decided to use react-chart.js

I'm at the very beginning trying to add an example in my components, so I added this code :

I'm trying to make a bar chart using react-chart.js-2. I just noticed that all bar chart example start from the minimum number of the data, not 0.

The example below, the bar chart starts from 40, not 0. What I want to do is to make a bar chart starting from 0, not the minimum number of the data.

Is it possible to make it using react-chart.js2?

Here is the code(mostly code from the official example )

I made a pie chart using react-chart.js and Chart.PieceLabel.js. I could show the value of slice of pie chart. I could show the value with % thanks to this question Displaying pie chart data value of each slices using react-chartjs-2

However, strangely two value (one with white and the other with black) showed up.

How can I remove the one of value? I want to remove the black one.

Here is the image.