Skip to content

Home

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

Node-RED UI Widget Humidity node (Virtual Tree) for Node-RED Dashboard. Easy to use for display humidity data (Virtual Tree) 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-humidity-tree
  1. Start Node-RED
node-red

Dashboard Example

example-thermometer

Usage

Add UI Widget Thermometer Node

usage-add-node

Node Settings

humidity-tree-widget-settings

Widget Display

humidity-tree-widget

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'

API Input

Using msg object.

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

Change Logs

See change logs detail

Clone this wiki locally