For now I'm using some template as a linear gauge, a gauge style that for me is missing as standard on the palette. Is very useful to monitor the level of something like for instance in my case light level and could be also great being able to adjust color for temperature or something like this. T…

There is couple of things to do for example I want them to be able to be rendered in different widget sizes without major modification needed. And as it rely on properly feed data, this part should be optimized and simplified also. So it takes some time but not long I hope :wink:

As promised, a little example how to achieve it using default set nodes ("node_red_dashboard" is needed). Feel free to use and modify it by your needs. The colors I used look fine on medium gray background. I separated configuring part from data preparing part into different functions just for cla…

Nice work! The flow draws upon some of the more advanced features of node-RED/javascript, which unfortunately are above my pay grade :tired_face: It would be really good if it could be wrapped up into a single library node, but I can see why that probably isn't possible.

Well it is possible for sure. It's just matter of where to draw the line. If the "Thing" already does "This", then why it shouldn't do "that". And this way it is never ending story. That's why I try to do my "things" by myself and targeting them to do the dedicated tasks. [image] Paul-Reed: mor…

Hi hotNipi, Being new to NodeRed I was impressed with your Dashboard design skills. I like the image example you post and beg you if you can also share the code for the Graphics block, upper rigth side of this image. I'm just beggining with a personal project for a data logger at home, recording te…

Well I can share those things also. Takes a little time to prepare one to be shareable cos I have those things too deeply tied into my current solution. Let's see if I can do it tomorrow. Or if you are interested with specific thing - point it out :slight_smile: Less things for me to struggle with. …

Thats a work of art - i want it !!! Looks great You have to template this !! Craig

Hi hotNipi I have been using some of your Linear gauges for a while now, however whilst they are brilliant when using the ui Dashboard 2.9.8 [image] when I upgraded to 2.13.2 the gauge is no longer centered, its like justified left I guess its because the ui templates choices have changed, I am no…

ng:attr:x="{{($index * 4)+10}}px" might help as quick fix but it's not correct solution. I'm at work at the moment and cant really check it out. But I'll check it at the evening . I haven't updated dashboard for my working unit so I never run into this. But I will check out If something needs or c…

aha yeh that fixes it, thanks a lot, I can now keep using it. cheers

Node-RED

Node-RED Forum

Linear gauge as another gauge option

Core Development Feature Requests

hotNipi 22 March 2019 13:00 23

Ar you talking about the new ui_level widget or that old ui_template version?

Topic		Replies	Views
A Linear Gauge For Node-Red Share Your Nodes	45	10017	20 February 2019
Gauge Node Color fixing Dashboard	15	2808	16 August 2021
Dashboard 2.0 Classic design multi needle gauge. Call for testing Dashboard dashboard-2	73	2084	26 July 2024
Another gauge.js library Dashboard	23	3990	14 August 2021
[HELP wanted] A Linear Level Indicator Share Your Nodes	47	5414	1 March 2021

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.

Linear gauge as another gauge option

Related topics