dashbi-widget-gauge
v0.1.0 dashbi dashbi-widget chart chartist gauge knob metter
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).