react-native-ios-charts PieChart example

PieChart.js

import React, {
  AppRegistry,
  Component,
  StyleSheet,
  View
} from 'react-native';

import { PieChart } from 'react-native-ios-charts';

class charts extends Component {
  render() {
    const config = {
      dataSets: [{
        values: [5, 40, 77],
        colors: ['red', 'green', 'blue'],
        label: '2016'
      }],
      backgroundColor: 'transparent',
      labels: ['A', 'B', 'C']
    };
    return (
      <View style={styles.container}>
        <PieChart config={config} style={styles.chart}/>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'stretch',
    backgroundColor: 'white',
    paddingTop: 40,
    paddingBottom: 40,
    paddingLeft: 10,
    paddingRight: 20
  },
  chart: {
    flex: 1
  }
});