0.0.6 • Published 4 years ago

funnel-react v0.0.6

Weekly downloads
36
License
MIT
Repository
github
Last release
4 years ago

NPM JavaScript Style Guide

Install

npm install --save funnel-react

or

yarn add funnel-react

Usage

import { Funnel } from 'funnel-react';

##Simple example

<Funnel
  height={252}
  colors={{
    graph: [ '#1890FF', '#BAE7FF' ],
    percent: 'red',
    label: 'yellow',
    value: 'orange'
  }}
  valueKey='quantity'
  width={800}
  data={data} />

##Render prop example

const data = [
  {
      "label": "Aceptados",
      "quantity": 135
  },
  ...{}
]

  <Funnel
  labelKey='label'
  height={252}
  colors={{
    graph: [ '#1890FF', '#BAE7FF' ], // array or string : 'red' || '#666'
    percent: 'red',
    label: 'yellow',
    value: 'orange'
  }}
  valueKey='quantity' 
  width={800}
  displayPercent={true}
  data={data} />
propsTypeDefault ValueOptions
labelKeystring
colorsobject
valueKeystring
widthnumbercontainer width
displayPercentbooleanfalsefalse / true
dataarray

License

MIT © xavivzla

0.0.6

4 years ago

0.0.5

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago