Mini jQueryGraph Plugin
JavaScript HTML
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
js
readme
LICENSE
demo.html
readme.md

readme.md

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.

Temperature to 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)