react-bullet-graph

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}
     />;
}