/react-native-pure-chart

Primary LanguageJavaScriptMIT LicenseMIT

React Native Pure Chart

Pure react native chart library that not using svg or ART but only using react-native components.
(You don't have to import drawing library with react-native link or add ART to your project!)

Demo

alt text

Installation

yarn add react-native-pure-chart

Alternatively with npm:

npm install react-native-pure-chart --save

Usage

Simple

import PureChart from 'react-native-pure-chart';

render(
  ...
  <PureChart data={[30,200,170,250,10]} type='line' />
  ...
);

Props

type: string

type of chart. ['line'] is now available

data: array

data for chart

  var data = [30, 200, 170, 250, 10] 
  var dataWithLabel = [{x: '2017-10-01', y: 30}, {x: '2017-10-02', y: 200}, {x: '2017-10-03', y:170} ... ]

License

MIT