react-native-charts-wrapper

(★ 2,498)

a react native charts wrapper (support android & iOS)

File Explorer

Download Latest Version (.zip)

- build.gradle
- gradlew
- gradlew.bat
- - AxisLineChartScreen.js
  - BarChartScreen.js
  - BubbleChartScreen.js
  - CandleStickChartScreen.js
  - ChartsListScreen.js
  - CombinedChartScreen.js
  - GroupBarChartScreen.js
  - HorizontalBarChartScreen.js
  - InfiniteScrollLineChartScreen.js
  - LineChartGradientScreen.js
  - LineChartScreen.js
  - LinkageChartScreen.js
  - LiveUpdateChartScreen.js
  - MovingWindowChartScreen.js
  - MultipleChartScreen.js
  - PieChartScreen.js
  - RadarChartScreen.js
  - ScatterChartScreen.js
  - StackedBarChartScreen.js
  - StockChartScreen.js
  - TimeSeriesLineChartScreen.js
  - ZeroLineChartScreen.js
- - adaptive-icon.png
  - favicon.png
  - icon.png
  - splash.png
- android_qr_code.JPG
- App.js
- app.json
- babel.config.js
- eas.json
- index.js
- metro.config.js
- package.json
- README.md
- yarn.lock
- - BalloonMarker.swift
  - ChartGroupHolder.swift
  - CircleMarker.swift
  - ConfigurableMinimumLinePositionFillFormatter.swift
  - CustomChartDateFormatter.swift
  - DataExtract.swift
  - IndexValueFormatter.swift
  - RNBarLineChartBaseManager.swift
  - RNBarLineChartManagerBridge.h
  - RNBarLineChartViewBase.swift
  - RNChartManagerBridge.h
  - RNCharts-Bridging-Header.h
  - RNChartViewBase.swift
  - RNYAxisChartManagerBridge.h
  - RNYAxisChartViewBase.swift
- AxisIface.js
- BarChart.js
- BarLineChartBase.js
- BubbleChart.js
- CandleStickChart.js
- ChartBase.js
- ChartDataConfig.js
- ChartDataSetConfig.js
- CombinedChart.js
- HighlightEnhancer.js
- HorizontalBarChart.js
- LineChart.js
- MoveEnhancer.js
- PieChart.js
- PieRadarChartBase.js
- RadarChart.js
- ScaleEnhancer.js
- ScatterChart.js
- ScrollEnhancer.js
- Android ScreenShot.png
- android-bar.png
- android-bubble.png
- android-candle.png
- android-combined.png
- android-group-bar.png
- android-line-gradient.png
- android-line.png
- android-live-update.png
- android-pie.png
- android-radar.png
- android-scatter.png
- android-stack-bar.png
- android-time-series-line.png
- android-zero-line.png
- IOS ScreenShot.png
- ios-bar.png
- ios-bubble.png
- ios-candle.png
- ios-combined-chart.png
- ios-group-bar.png
- ios-line-gradient.png
- ios-line.png
- ios-live-update.png
- ios-pie.png
- ios-radar.png
- ios-scatter.png
- ios-stack-bar.png
- ios-time-series-line.png
- ios-zero-line.png
- iOS.png
.gitignore
docs.md
index.js
issue_template.md
package.json
react-native-charts-wrapper.podspec
README.md
yarn.lock

🚀 Installation Guide

1. Get the code

git clone https://github.com/wuxudong/react-native-charts-wrapper

Downloads the entire project code from GitHub to your computer.

cd react-native-charts-wrapper

Moves into the project folder you just downloaded.

2. Gradle (Java/Kotlin)

Medium Recommended

Prerequisites

Git Needed to download the project code from GitHub.
JDK (Java) Required to build and run Java/Kotlin projects.
Gradle If the repo includes gradlew (Gradle Wrapper), you don't need to install Gradle separately.

cd android

This project's files live in a subfolder, so move into it first.

./gradlew build

Builds the project using Gradle.

✅ A BUILD SUCCESSFUL message means it worked. The output is created under build/.

3. Node.js

Easy

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

cd Example

This project's files live in a subfolder, so move into it first.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.