mirror of
https://github.com/status-im/react-native-gifted-charts.git
synced 2025-02-23 17:18:24 +00:00
43 lines
971 B
Markdown
43 lines
971 B
Markdown
# 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
|
|
|
|
```sh
|
|
npm install react-native-gifted-charts
|
|
```
|
|
|
|
## Usage
|
|
|
|
You can use the Bar chart
|
|
|
|
```js
|
|
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
|
|
<LineChart data={data} areaChart/>
|
|
```
|
|
|
|
## Contributing
|
|
|
|
See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
|
|
|
|
## License
|
|
|
|
MIT
|