Skip to content

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

Notifications You must be signed in to change notification settings

PrazAs/react-native-charts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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!

About

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

Resources

Stars

Watchers

Forks

Packages

No packages published