import React from 'react';
import { View, Text, StyleSheet, Dimensions } from 'react-native';
import { BarChart } from "react-native-chart-kit";
import { Button } from 'react-native-elements';
import Ionicons from 'react-native-vector-icons/Ionicons';
const screenWidth = Dimensions.get("window").width;
const screenHeight = Dimensions.get("window").height;
const ChartY = ({ resDataY, year, setYear }) => {
const chartConfig = {
backgroundGradientFrom: "#ffffff",
backgroundGradientFromOpacity: 1,
backgroundGradientTo: "#ffffff",
backgroundGradientToOpacity: 1,
color: (opacity = 1) => `rgba(48, 48, 48, ${opacity})`,
strokeWidth: 2, // optional, default 3
barPercentage: 0.5, // 그래프 width
useShadowColorFromDataset: false,// optional, default is false
fillShadowGradientOpacity: 1,
};
const prevBtn = () => {
setYear(year - 1)
};
const nextBtn = () => {
setYear(year + 1)
}
const convertY = (y) => {
let res = '';
if (y >= 1000000000) {
res = (y / 1000000000).toFixed(2) + "B"
} else if (y >= 1000000) {
res = (y / 1000000).toFixed(2) + "M"
} else if (y >= 1000) {
res = (y / 1000).toFixed(2) + "K"
}
return res
}
let totalYI = (resDataY.temp1[0].datasets[0].data).reduce((acc, curr) => acc + curr, 0);
let totalYO = (resDataY.temp2[0].datasets[0].data).reduce((acc, curr) => acc + curr, 0);
return (
<>
} type='clear' />
{year}년
} type='clear' />
수입: {(totalYI).toLocaleString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}원
지출: {(totalYO).toLocaleString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}원
>
)
}
const style = StyleSheet.create({
Font: {
textAlign: "center",
fontSize: 20,
fontFamily: 'GowunDodum-Regular'
},
});
export default ChartY;