react native animated chart

Solutions on MaxInterview for react native animated chart by the best coders in the world

showing results for - "react native animated chart"
Doug
07 Feb 2016
1//https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/tree/bc7d27a19d78250bb3fd70e075498ec2ecc56e36
2
3
4
5import { BarChart, LineChart, PieChart } from "react-native-gifted-charts";
6
7// ...
8const data=[ {value:50}, {value:80}, {value:90}, {value:70} ]
9
10<BarChart data = {data} />
11<LineChart data = {data} />
12<PieChart data = {data} />
13
14// For Horizontal Bar chart, just add the prop horizontal to the <BarChart/> component
15
16<BarChart data = {data} horizontal />
17
18// For Area chart, just add the prop areaChart to the <LineChart/> component
19
20<LineChart data = {data} areaChart />
21
22// For Donut chart, just add the prop donut to the <PieChart/> component
23
24<PieChart data = {data} donut />
25  
26  
27