jQuery TempGauge plugin

Versionnumber 1.1.0 (2016-11-30)

(Documentation last update 2016-11-30 00:30)

Mini jQuery Temperature styled Gauge plugin, that replaces Temperature Values with an Temperature Gauge.

Features

replaces or inserts temperature values with a Temperature Gauge canvas
show Temperature Label
set Gauge Border Color
set Gauge Fill Color
set Max and Min Temperature
set canvas width (height is calculated width * 2)
Gauge-plugin is chainable
show Scale

Roadmap / Future Features

update Documentation
added Temperature markings
animate value change
change Temperature Value
flexible width and height proportion

Known Bugs

none

System Requirement & Prerequisites

jQuery Version 1.11.3

Usage

Setup

add script to webpage

	<script type="text/javascript" src="js/jquery.tempgauge.js"></script>

SourceControl Link & Information

https://github.com/akumagamo/jquery-plugin-tempgauge.git

Base Code Example

	$(".tempgauge").tempGauge();
	// Tested on Win7 with Chrome 46+

See demo.html for an working example, here a link to a working Demo jQuery TempGauge plugin Demo

Documentation

File / Folder Structure

 +-+- jquery-plugin-tempgauge
   +-+- js
   | +- jquery.tempgauge.js
   +-+- readme (media for this document)
   | +- tempgauge-plugin-screenshot.png
   +- demo.html
   +- readme.md (this document)
   +- LICENSE

Options

borderColor *(*default: black)
borderWidth *(*default: 4)
defaultTemp *(*default: 26)
fillColor *(*default: red)
labelColor *(*default: black)
labelSize *(*default: 12)
maxTemp *(*default: 40)
minTemp *(*default: 100)
showLabel *(*default: false)
showScale *(*default: false)
width *(*default: 100)
replaceHtml *(*default: true)

palhotel/jquery-plugin-tempgauge