@webileapps/react-native-piechart

0.4.0 • Public • Published

React Native Interactive Pie Chart.

Installation

npm install @webileapps/react-native-piechart

Usage

const COLORS = ["#acb5e8", "#c3c5c0", "#afe5d2", "#f9e3b4", "#a3dbec", "#ff8c8b"];
export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Open up App.js to start working on your app!</Text>
        <HomeLogo colors={COLORS}>
          <View style={{width : 50, height: 50, backgroundColor: "red"}}></View>
          <View style={{width : 50, height: 50, backgroundColor: "green"}}></View>
          <View style={{width : 50, height: 50, backgroundColor: "cyan"}}></View>
          <View style={{width : 50, height: 50, backgroundColor: "pink"}}></View>
          <View style={{width : 50, height: 50, backgroundColor: "yellow"}}></View>
          <View style={{width : 50, height: 50, backgroundColor: "blue"}}></View>
        </HomeLogo>
      </View>
    );
  }
}

Run Demo

There is a example project that is build to showcase how the plugin works.

cd src
npm run plugin.prepare
npm run expo

Screenshot

Readme

Keywords

none

Package Sidebar

Install

npm i @webileapps/react-native-piechart

Weekly Downloads

4

Version

0.4.0

License

ISC

Unpacked Size

20.3 kB

Total Files

6

Last publish

Collaborators

  • durgaprasanna
  • rajivnarayana
  • rajivsingaseni