The most complete library for Bar, Line, Area, Pie, Donut and Stacked Bar charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.
https://www.npmjs.com/package/react-native-gifted-charts
085140341e
|
||
|---|---|---|
| __tests__ | ||
| android | ||
| demos | ||
| ios | ||
| src | ||
| .buckconfig | ||
| .editorconfig | ||
| .eslintrc.js | ||
| .flowconfig | ||
| .gitattributes | ||
| .gitignore | ||
| .prettierrc.js | ||
| .watchmanconfig | ||
| App.js | ||
| README.md | ||
| app.json | ||
| babel.config.js | ||
| index.js | ||
| metro.config.js | ||
| package-lock.json | ||
| package.json | ||
| yarn.lock | ||
README.md
react-native-gifted-charts
The most complete library for Bar, Line, Area and Pie charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.
Installation
npm install react-native-gifted-charts
Usage
You can use the Bar chart
import { BarChart, LineChart, PieChart } from "react-native-gifted-charts";
// ...
const data=[{value:50},{value:80},{value:90},{value:70}]
<BarChart data={data}/>
<LineChart data={data}/>
<PieChart data={PieChart}/>
//For Area chart, just add the prop areaChart to the <LineChart/> component
<LineChart data={data} areaChart/>
//For Donut chart, just add the prop donut to the <PieChart/> component
<PieChart data={data} donut/>
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT