react-bullet-graph

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

Updated for React 16

npm install --save react-bullet-graph # or yarn add

import React from 'react';
import BulletGraph from '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}
     />;
}