Home - jatu-studiobox/node-red-contrib-ui-widget-thermometer GitHub Wiki

thermo-title

Node-RED UI Widget Thermometer node for Node-RED Dashboard. Easy to use for display temperature on Node-RED Dashboard.

palette-node

Getting Started

  1. First, install Node-RED by follow Node-RED installation guideline.

  2. Install Node-RED Dashboard by follow Node-RED Dashboard installation guideline.

  3. Install this package at user data directory ~/.node-red

npm install @studiobox/node-red-contrib-ui-widget-thermometer
  1. Start Node-RED
node-red

Dashboard Example

example-thermometer

Usage

Add UI Widget Thermometer Node

usage-add-node

Node Settings

widget-settings

number-of-color

decimal-of-temp

set display percentage

set font size current temp

Widget Display

widget-display

display-decimal

dsiplay hide-show percentage

set font size current temp

Description

  • No. 1 : Title - Thermometer's title
  • No. 2 : Top Area Color - Thermometer's mercury color at top area
  • No. 3 : Middle Area Color - Thermometer's mercury color at middle area
  • No. 4 : Bottom Area Color - Thermometer's mercury color at bottom area
  • No. 5 : Min. Temperature - Mininum temperature of thermometer for display
  • No. 6 : Max. Temperature - Maxinum temperature of thermometer for display
  • No. 7 : Unit - Unit for display, includes °C and °F
  • No. 8 : Scale - Thermometer size for display, includes 'normal' and 'small'
  • No. 9 : Number of colors - Able to choose number of color(s) for display on mercury, 1-3 color(s)
  • No. 10 : Decimal(s) of Temp. - Able to use temperature value with decimal(s) for display, 0-3 decimal(s)
  • No. 11 : Display level % - Able to set display level percentage (Hide/Show).
  • No. 12 : Current Temp. Size - Able to set current temperature font size for display (1.2 to 3.2 step 0.2).

API Input

Using msg object.

Property Mandatory Type Description
payload Yes Number Temperature value for display on thermometer

Remark

If payload has value more than Max. Temperature settings, result thermometer mercury height at 100%.And if payload has value less than Mix. Temperature settings, result thermometer mercury height at 0%.

Usage Examples

After install, see usage examples at Node-RED Import menu. Examples at @studiobox/node-red-contrib-ui-widget-thermometer.

Change Logs

See change logs detail