dashbi-widget-gauge

Dashbi widget that displays gauge using chartist.js

Usage

Install

npm install --save dashbi-widget-gauge

Register

Dashbi should detect and auto-register widget.

Configuration

Name	Type	Description
current	String	Which state key should be used for current number
total	String	Which state key should be used for total number

Example

Lets' say that some-data-provider provides state which has key randomNumber and ofTotal:

dashbiLayout.addWidget({
  name: 'gauge',
  title: 'Cool Gauge',
  params: {
    current: 'randomNumber',
    total: 'ofTotal'
  },
  source: {
    name: 'some-data-provider'
  }
});

Colors

Background of widget will change color according to current value. 0% will be red (#E15554), 50% yellow (#E1BC29) and 100% green (#3BB273).