react-bullet-graph

0.0.3 • Public • Published

react-bullet-graph

npm package

Simple bullet chart in react. Based off of worldviewer/react-bullet-graph.

npm install --save react-bullet-graph # or yarn add
var React = require('react');
var BulletGraph = require('react-bullet-graph');

module.exports = function() {
    return <BulletGraph
        scaleMin={0}
        scaleMax={1000}
        performanceVal={700}
        symbolMarker={450}
        badVal={900 * 0.9}
        satisfactoryVal={900}
        height={15}
        width={150}
        badColor={"#ffb300"}
        satisfactoryColor={"#009755"}
        goodColor={"#d8432e"}
        isActiveColor={true}
        opacity={0.3}
     />;
}

Readme

Keywords

Package Sidebar

Install

npm i react-bullet-graph

Weekly Downloads

4

Version

0.0.3

License

MIT

Last publish

Collaborators

  • aksana_q