Skip to content

Home

Jump to bottom
Jatuphum Tungsilsukchai edited this page Mar 31, 2022 · 30 revisions

node-red-contrib-ui-widget-thermometer

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

Widget Display

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'

Input API

Using msg object.

Property Mandatory Type Description
payload Yes Integer 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%.

Flow Examples

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

Clone this wiki locally