pareto-chart

1.0.22 • Public • Published

pareto-chart

Get a pareto chart that can be used as a react component.

NPM JavaScript Style Guide

paretochart

Install

npm install --save pareto-chart

Usage

import React, { Component } from 'react'
 
import ParetoChart from 'pareto-chart'
 
class Example extends Component {
  render () {
    return (
        <ParetoChart
          width={100}
          height={50}
          lineLabel='Cumulative percentage'
          data={{
            'Customer complaints': {
              'Dificult parking': 40,
              'Rude sales person': 13,
              'Poor lighting': 10,
              'Confusing layout': 27,
              'Limmited sizes': 15
            },
            'Complaints about documents ': {
              'Certificate error': 20,
              'Certificate missing': 40,
              'Invoice error': 10,
              'Packaging error': 5,
              'Wrong quantity': 3,
              'Others': 2
            },
            'Defects by discipline': {
              'Tests': 20,
              'Codification': 40,
              'Release': 10,
              'Analysis': 5,
              'Planning': 15
            }
          }} />
    )
  }
}

License

MIT © thiagoferrax

Readme

Keywords

none

Package Sidebar

Install

npm i pareto-chart

Weekly Downloads

53

Version

1.0.22

License

MIT

Unpacked Size

3.97 MB

Total Files

6

Last publish

Collaborators

  • thiagoferrax