react-native-pizza-chart
Version:
A customizable and animated pizza chart component for React Native
107 lines (106 loc) • 2.59 kB
TypeScript
export declare const styles: {
container: {
flex: number;
justifyContent: "flex-start";
alignItems: "center";
padding: number;
};
title: {
fontWeight: "bold";
marginBottom: number;
marginTop: number;
textAlign: "center";
};
chartWrapper: {
alignItems: "center";
justifyContent: "center";
shadowColor: string;
shadowOffset: {
width: number;
height: number;
};
shadowOpacity: number;
shadowRadius: number;
elevation: number;
width: "100%";
flex: number;
};
chartContainerWithLegend: {
alignItems: "center";
width: "100%";
flexDirection: "column";
justifyContent: "center";
flex: number;
paddingHorizontal: number;
};
chartTopSpace: {
height: number;
};
chartContainer: {
position: "relative";
justifyContent: "center";
alignItems: "center";
marginBottom: number;
};
centerTextContainer: {
position: "absolute";
top: number;
left: number;
right: number;
bottom: number;
justifyContent: "center";
alignItems: "center";
};
centerText: {
fontWeight: "bold";
textAlign: "center";
};
totalStorageText: {
fontWeight: "600";
marginTop: number;
textAlign: "center";
};
legendContainer: {
width: "100%";
marginTop: number;
paddingHorizontal: number;
backgroundColor: string;
};
legendScrollContent: {
paddingBottom: number;
};
legendItem: {
flexDirection: "row";
alignItems: "center";
justifyContent: "space-between";
marginVertical: number;
paddingVertical: number;
paddingHorizontal: number;
borderRadius: number;
};
legendLeftSection: {
flexDirection: "row";
alignItems: "center";
};
legendRightSection: {
alignItems: "flex-end";
};
legendColor: {
width: number;
height: number;
borderRadius: number;
marginRight: number;
};
legendText: {
fontSize: number;
fontWeight: "500";
};
legendSize: {
fontSize: number;
fontWeight: "600";
};
legendPercentage: {
fontSize: number;
marginTop: number;
};
};