indiespirit / react-native-chart-kit

📊React Native Chart Kit: Line Chart, Bezier Line Chart, Progress Ring, Bar chart, Pie chart, Contribution graph (heatmap)
https://expo.io/@indiespirit/react-native-chart-kit
MIT License
2.83k stars 656 forks source link

Donut chart available? #400

Open Billmike opened 4 years ago

Billmike commented 4 years ago

Hi all. I was wondering if this kind of pie chart is possible with this library? If yes, how does one go about creating this?

Screenshot 2020-08-28 at 22 56 23
ahofmeister commented 1 year ago

Is there any update on this?

lux10n commented 1 year ago

hi there, any update ?

anatooly commented 4 months ago

What about this is 2024?

thongle12 commented 3 months ago

hi there, any update ?

anatooly commented 3 months ago

hi there, any update ?

My solution for Donut chart + label inside is use WebView like https://github.com/dpwiese/react-native-canvas-charts but use original article https://danielwiese.com/posts/react-native-canvas-charts/ for create my component with last version v.4 chartjs.

P.S.: some trick for Android need duplicate index.html to folder /android/app/src/main/assets/index.html

source={
            Platform.OS === 'ios'
              ? require('./index.html')
              : { uri: 'file:///android_asset/index.html' }
          }
rajangargsmartdata commented 1 month ago

I think placing a round view with white background over pie chart can do the trick.

Update:- It worked for me here is the output. Ignore the grey circle.

Screenshot 2024-08-26 at 9 58 04 AM

awongCM commented 4 days ago

hi there, any update ?

Yes. I'm still dead curious with this..