Configurable react-native charting library– (right now just bar charts).
Switch branches/tags
Clone or download
Latest commit 7a24280 May 26, 2016

README.md

react-native-charts

Configurable, animated react-native charting library– (right now just bar charts).

screen shot 2015-09-02 at 7 23 31 pm

Example

import { BarChart } from 'react-native-charts'

<BarChart
  dataSets={[
    { 
      fillColor: '#46b3f7', 
      data: [
        { value: 15 },
        { value: 10 },
        { value: 12 },
        { value: 11 },
      ]
    },
    { 
      fillColor: '#3386b9', 
      data: [
        { value: 14 },
        { value: 11 },
        { value: 14 },
        { value: 13 },
      ]
    },
  ]}
  graduation={1}
  horizontal={false}
  showGrid={true}
  barSpacing={5}
  style={{
    height: 300,
    margin: 15,
  }}/>

TODO

  • Render labels for BarChart data
  • Other chart types including line graphs because they are awesome ¯\_(ツ)_/¯

Pull requests welcome!