vuejs-thermometer is a simple, mobile, customizable thermometer component for the vue.js application.

thermometer gauge chart, material npm ui gauge, recharts gauge chart

Open Source JavaScript Charts Library for Websites | RGraph

How to make use of it:

Install & Download:

# NPM
$ npm install vuejs-thermometer --save

Usage

import VueThermometer from 'vuejs-thermometer'
Vue.use(VueThermometer)

<vue-thermometer
     :value="5"
     :min="-20"
     :max="25"
   />

<!-- Options struct: -->
options: {
  text: {
    color: 'black',
    fontSize: 10,
    textAdjustmentY: 2,
    fontFamily: 'Arial',
    textEnabled: true
  },
  thermo: {
    color: '#FF0000',
    backgroundColor: '#fcf9f9',
    frameColor: 'black',
    ticks: 10,
    ticksEnabled: true,
    tickColor: 'black',
    tickWidth: '1'
  },
  layout: {
    height: 300,
    width: 90
  }
}

Thermometer Component For Vuejs Plugin/Github

See Demo And Download

Official Website(larsmars): Click Here

This superior jQuery/javascript plugin is developed by larsmars. For extra Advanced Usages, please go to the official website.