Skip to content
A wrapper library for GaugeJS
Branch: master
Clone or download
Latest commit b6ef342 Mar 21, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
build added build script Feb 7, 2019
src Added div to contain spans Mar 4, 2019
.gitignore added build script Feb 7, 2019 Updated Readme Mar 21, 2019
package-lock.json initial commit Feb 7, 2019
package.json Updated package.json Mar 21, 2019

vgauge npm

A Vue Wrapper to GaugeJS


Live Demo


npm i vgauge --save


import VGauge from 'vgauge'

export default {
  components: {
  data() {
    return {
      value: 35
<v-gauge :value="value"/>


You can use the following props

Name Description Type Default
options GaugeJS render options, check gaugejs API Object Basic gaugejs Object
height height of the gauge 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



This project is licensed under the MIT License


You can’t perform that action at this time.