Skip to content

Mubasher-Skylinx/react-simple-gauge

 
 

Repository files navigation

react-simple-gauge

NPM JavaScript Style Guide

demo

Install

npm install --save react-simple-gauges

Usage

import React, { Component } from 'react'

import {SimpleGauge} from 'react-simple-gauges'

class Example extends Component {
  render() {
    return <SimpleGauge percent="75"/>
  }
}

Options

Option type Description Example
percent required Percent of progress in gauge 75
color optional Color if not define intervals of colors #FFFFFF, red, rgba(255,243,12,.5)
intervals optional Intervals values for define color, value in [min,max> [60,75,101]
colors optional Array of colors for intervals values ['green','grba(255,255,40,.5)','#d73a49']

License

MIT © kevinjpuscan

About

A simple gauge chart for react

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 67.7%
  • HTML 24.3%
  • CSS 8.0%