react-native-chart-kit icon indicating copy to clipboard operation
react-native-chart-kit copied to clipboard

Donut chart available?

Open Billmike opened this issue 5 years ago • 7 comments

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

Billmike avatar Aug 28 '20 21:08 Billmike

Is there any update on this?

ahofmeister avatar Jan 24 '23 12:01 ahofmeister

hi there, any update ?

lux10n avatar Feb 19 '23 20:02 lux10n

What about this is 2024?

anatooly avatar Apr 12 '24 13:04 anatooly

hi there, any update ?

thongle12 avatar May 15 '24 10:05 thongle12

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' }
          }

anatooly avatar May 15 '24 11:05 anatooly

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

rajangargsmartdata avatar Jul 26 '24 06:07 rajangargsmartdata

hi there, any update ?

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

awongCM avatar Aug 25 '24 12:08 awongCM