New Prague, Minnesota

    funnel-react

    0.0.6 • Public • Published

    Funnel-react logo

    NPM JavaScript Style Guide

    Funnel-react logo

    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} />
     
    props Type Default Value Options
    labelKey string
    colors object
    valueKey string
    width number container width
    displayPercent boolean false false / true
    data array

    License

    MIT © xavivzla

    Install

    npm i funnel-react

    DownloadsWeekly Downloads

    104

    Version

    0.0.6

    License

    MIT

    Unpacked Size

    744 kB

    Total Files

    6

    Last publish

    Collaborators

    • xavivzla