react-native-ios-charts BubbleChart example

BubbleChart.js

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


class charts extends Component {
  render() {
    return (
      <View style={styles.container}>
        <BubbleChart
          config={{
            dataSets: [{
              values: [{
                value: 5,
                size: 5
              }, {
                value: 10,
                size: 20
              }],
              colors: ['green'],
              label: '2015'
            }],
            labels: ['a', 'b', 'c', 'd']
          }}
          style={styles.chart}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF'
  },
  chart: {
    width: 350,
    height: 500
  }
});