jQuery TempGauge plugin

Versionnumber 1.2.0 (2019-01-16)

(Documentation last update 2019-01-16 05: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)
• padding (default: 4)
• showLabel (default: false)
• showScale (default: false)
• width (default: 100)
• replaceHtml (default: true)