36 lines
744 B
JavaScript
Raw Normal View History

2021-08-14 19:07:21 +05:30
import React from 'react';
import {View} from 'react-native';
import {PieChart} from '../../src/PieChart';
const ThreeDPie = () => {
const pieData = [
{value: 54, color: '#177AD5'},
{value: 40, color: '#79D2DE'},
{value: 20, color: '#ED6665'},
2021-08-14 19:07:21 +05:30
];
return (
<View>
<PieChart
donut
isThreeD
shadow
2021-08-14 19:07:21 +05:30
showText
showValuesAsLabels
2021-08-14 19:07:21 +05:30
innerCircleBorderWidth={6}
innerCircleBorderColor="lightgray"
shiftInnerCenterX={-10}
shiftInnerCenterY={-15}
textColor="black"
radius={170}
textSize={20}
showTextBackground
textBackgroundRadius={26}
data={pieData}
/>
</View>
);
};
export default ThreeDPie;