vgauge
A Vue Wrapper to GaugeJS.
Installing
or
Usage
By Importing
By Including
Props
You can use the following props
Name | Description | Type | Default |
---|---|---|---|
options | GaugeJS render options, check gaugejs API | Object | Basic gaugejs Object |
donut | Renders a donut instead of a gauge #3 | Boolean | false |
height | height of the gauge in pixels | String | 200px |
unit | unit to show after value | String | '' |
initialValue | Initial value to display on the Gauge | Number | 0 |
value | Value to display/watch | Number | 50 |
minValue | Min value for the gauge to display | Number | 0 |
maxValue | Max value for the gauge to display | Number | 100 |
decimalPlace | Show decimal place values to which extent | Number | 0 |
top | To have the gauge value on top of the gauge | Boolean | false |
gaugeValueClass | Class to apply to gauge value (Must use /deep/ in css selector) | String | * |
animationSpeed | Animation speed for gauge | Number | 10 |