Hi, I'm starting with node-red, I'm trying to learn quickly by myself but I need help here :slight_smile: [image] I need a 3rd sector: green : 0 - 50 yellow : 50 - 70 orange : 70 - 80 red : 80 - 100 can you help me? Thank you

Hi, I did this and it works msg.ui_control = {options:{customSectors: { percents: false, ranges: [{ color : "#33FF5E", lo : 0, hi : msg.payload[0], },{ color : "#FFFF33", lo : msg.payload[0], hi : msg.payload[1], },{ color : "#FFBB33", lo : msg.payload[1], …

jbudd 15 November 2021 22:18 4

There are examples of gauges with more sectors in this thread: September giveaway.
Needs some CSS knowledge though.

Topic		Replies	Views
[Announce] node-red-contrib-ui-artless-gauge 0.3.0 ... 3, 4, 5 Share Your Nodes	11	2245	15 November 2021
Is it possible to add gauges dynamically with node-red-dashboard? General	4	905	15 June 2022
Ui_gauge with static colored sectors Dashboard	7	762	19 February 2021
UI-gauge layout for phone Dashboard node-red-dashboard , dashboard-2	60	367	6 October 2024
Gauge sectors change in dashboard Dashboard	13	7316	16 April 2019

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

How to add sectors in a gauge?

Related topics