1yarn add react-native-chart-kit
2
3import {
4  LineChart,
5  BarChart,
6  PieChart,
7  ProgressChart,
8  ContributionGraph,
9  StackedBarChart
10} from "react-native-chart-kit";
11import { Dimensions, View, Text } from 'react-native';
12
13
14<View>
15  <Text>Bezier Line Chart</Text>
16  <LineChart
17    data={{
18      labels: ["January", "February", "March", "April", "May", "June"],
19      datasets: [
20        {
21          data: [
22            Math.random() * 100,
23            Math.random() * 100,
24            Math.random() * 100,
25            Math.random() * 100,
26            Math.random() * 100,
27            Math.random() * 100
28          ]
29        }
30      ]
31    }}
32    width={Dimensions.get("window").width}
33    height={220}
34    yAxisLabel="$"
35    yAxisSuffix="k"
36    yAxisInterval={1} // optional, defaults to 1
37    chartConfig={{
38      backgroundColor: "#e26a00",
39      backgroundGradientFrom: "#fb8c00",
40      backgroundGradientTo: "#ffa726",
41      decimalPlaces: 2, // optional, defaults to 2dp
42      color: (opacity = 1) => `rgba(255, 255, 255, ${opacity})`,
43      labelColor: (opacity = 1) => `rgba(255, 255, 255, ${opacity})`,
44      style: {
45        borderRadius: 16
46      },
47      propsForDots: {
48        r: "6",
49        strokeWidth: "2",
50        stroke: "#ffa726"
51      }
52    }}
53    bezier
54    style={{
55      marginVertical: 8,
56      borderRadius: 16
57    }}
58  />
59</View>
60