Home

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

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

4. Start Node-RED

node-red

Dashboard Example

Usage

Add UI Widget Thermometer Node

Node Settings

Widget Display

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