-
Notifications
You must be signed in to change notification settings - Fork 197
Open
Description
Description
Description
When using the PieChart component with donut mode and setting
innerCircleColor="transparent", the center is not actually transparent.
Instead, it renders a filled circle (with default background), making it impossible to create a real donut chart with a see-through hole.
Steps to reproduce
Steps to Reproduce
<PieChart
donut
data={[
{ value: 45, color: 'white' },
{ value: 85, color: 'black' },
]}
radius={70}
innerRadius={35}
innerCircleColor="transparent"
/>Expected Behavior
The inner circle should be transparent, allowing the parent background (including gradients, images, or other components) to show through.
Actual Behavior
The inner circle is filled and blocks the background.
Setting transparent has no effect.
Snack or a link to a repository
No response
version of react-native-gifted-charts
1.4.63
React Native version
0.80.2
Platforms
iOS, Android
Workflow
React Native
Metadata
Metadata
Assignees
Labels
No labels