[Dashboard] How to create a gauge?

Questions and Answers

Moderator: IoTStudio Support

Post Reply
IoTStudio Support
Posts: 39
Joined: Wed Nov 23, 2022 9:26 am

[Dashboard] How to create a gauge?

Post by IoTStudio Support »

This flow has one inject node and Gauge node。The Inject node set initial value 50 then sent to Gauge node to show value。
dashboard gauge
dashboard gauge
dasbboard-gauge.PNG (7.08 KiB) Viewed 4886 times
Flow:

Code: Select all

[{"id":"5a5e0776.30c7b4","type":"tab","label":"AIC IoT Studio - Gauge","disabled":false,"info":""},{"id":"db0f8193.6fbbf","type":"ui_gauge","z":"5a5e0776.30c7b4","name":"","group":"409a38f9.e0b9c","order":0,"width":0,"height":0,"gtype":"gage","title":"Gauge","label":"units","format":"{{value}}","min":"0","max":"100","colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","x":380,"y":160,"wires":[]},{"id":"76d6a3ea.3db3f8","type":"inject","z":"5a5e0776.30c7b4","name":"","props":[{"p":"payload"}],"repeat":"1","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"50","payloadType":"num","x":190,"y":160,"wires":[["db0f8193.6fbbf"]]},{"id":"409a38f9.e0b9c","type":"ui_group","name":"Default","tab":"3f95ca3f.42af78","order":1,"disp":true,"width":"6","collapse":false},{"id":"3f95ca3f.42af78","type":"ui_tab","name":"Home","icon":"dashboard","order":1,"disabled":false,"hidden":false}]
Best Regards,
IoT Studio Support Team
Post Reply