[Artless Gauge Features] I need second (and third...) opinion

Dashboard
21

I know :slight_smile: Value is bigger to stand out. And if the unit will be positioned as suffix it will be again smaller. But the default configuration has the unit under the line. It is if you don't show the min and max. So the unit moves around a lot currently with different configurations and even I dont like it cos it is confusing. And there is no way the user can make decisions.

And this is where I can make changes. But I think it would be nice to have more input in terms of what is expected. As it involves that many possible layout variations, I have no clue what to ask to get the answers I need :smiley:

22

Without need to add another config option I can do this.
To show min, center, max and the unit with linear layout in differential mode
And this is what I call graphically unbalanced layout.

image

Feedback is very welcome :slight_smile:

23

What size is the unit, it looks smaller than the Label size (1.2em). Would it be more balanced if they were the same size.

24

With same size as label

image

Icon helps a bit I'd guess ...

image

25

All possible linear layout combinations (without icon)

image

26

The bottom version gets my vote, although your example looks very unfamiliar with the 'center' point being set at 5.35, and the chart then travelling backwards (my brain can't comprehend!!)
A more familiar view would be (as others have also said) something like; scale = -3000 to +5000 and the center point at 0, then I think that would look OK.

Hopefully, you'll get some some more user feedback.

27

I was just testing a bug (center value was forced to nearest integer)
But I think it would be nice if it looks good in any condition.

28

agree - prefer the bottom one (so far :slight_smile: )
and the top one for minimalist

29

They all are possible. Except the bottom one for today. The question was where to put the unit field in case of all other things also turned in. And the font size for it.
The other question may come for example 4 (non differential) where center is used for unit. Should it be also moved to be value suffix

Or the unit should always be as suffix and never under the line?

30

I noticed that the input number also is forced to the nearest integer.

I decided last night that it would be a good idea if when displaying power (Watts), that if the value was >1000 (Watts), then divide it by 1000 and display it in kW instead, and change the unit from W to kW, and the scale using msg.control.
So 4586W was displayed as 4.586kW (probably rounded to 4.58kW)
But after writing it up in a function node & hooking it up to a gauge I realized that it just displayed the integer 4.

It's not a problem though, as it was probably not a good idea anyway, especially when the reading fluctuates around 1000W, causing it to keep changing from W to kW :thinking:

31

That will be scientific-gauge with scale sensitive ranges depended on measured unit. Bits and bytes and such stuff supported. :wink:

32

V0.1.29

  • (Changed) With linear layout, the unit field is at value suffix position if min/max also shown.

  • (Fixed) Center value can be any number (was forced to integer).

33

If the input number is still being forced to integer, what's the point in not enforcing the same action for the center value.

34

Where it forced? Or I'm missing something here...

35

As per the example that I gave above. if you feed a number into the node with let's say 2 decimal places, the node displays its value as a integer.

36

That is when you have configuration made so. Default for decimals is zero. So then it will be integer.
image

Probably again I have problems with describing how the features work. :woozy_face:

37

No, your description is good.
I completely missed that for some reason.
No excuses, I should have seen it :nerd_face:

38

Maybe it is just at wrong place on configuration page. Too easy to miss.

39

Is this available to set at runtime, for example when changing the units from watts to kilowatts at runtime, you would need the data to 2 or 3 decimal places for kW, but as a integer for W.

Also I'm getting some strange results when using the runtime, the 2500 & -2500 injects don't present the chart as I expected.

[{"id":"8ce3e563.1a0968","type":"inject","z":"c9c4eeb8.bad8e","name":"","topic":"","payload":"999","payloadType":"str","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":180,"y":2010,"wires":[["cc8e556.23e4ea8"]]},{"id":"cc8e556.23e4ea8","type":"function","z":"c9c4eeb8.bad8e","name":"","func":"let val=msg.payload;\nlet Wsectors = [{t:\"min\",val:-3000,col:\"#00ff00\",dot:0},{t:\"sec\",val:0,col:\"#ff0000\",dot:3},{t:\"max\",val:5000,col:\"#0000ff\",dot:0}];\nlet kWsectors = [{t:\"min\",val:-3,col:\"#00ff00\",dot:0},{t:\"sec\",val:0,col:\"#ff0000\",dot:3},{t:\"max\",val:5,col:\"#0000ff\",dot:0}];\nvar newSectors,unit;\n\nif (val >= 1000 || val <= -1000){\n    msg.payload=val/1000;\n    newSectors=kWsectors;\n    unit=\"kiloWatt\";\n} else {\n    newSectors=Wsectors;\n    unit=\"Watt\";\n}\nmsg.control = {unit:unit,label:\"Grid Activity\",icon:\"fa-plug\",sectors:newSectors};\nreturn msg;","outputs":1,"noerr":0,"x":330,"y":2070,"wires":[["c5a5348b.574418","6a81ae9c.deb0d"]]},{"id":"c5a5348b.574418","type":"debug","z":"c9c4eeb8.bad8e","name":"","active":false,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":460,"y":2100,"wires":[]},{"id":"3e3ee7ef.686678","type":"inject","z":"c9c4eeb8.bad8e","name":"","topic":"","payload":"-999","payloadType":"str","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":180,"y":2090,"wires":[["cc8e556.23e4ea8"]]},{"id":"2444bdc0.99e172","type":"inject","z":"c9c4eeb8.bad8e","name":"","topic":"","payload":"2500","payloadType":"str","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":180,"y":2050,"wires":[["cc8e556.23e4ea8"]]},{"id":"e19836.36bd07c8","type":"inject","z":"c9c4eeb8.bad8e","name":"","topic":"","payload":"-2500","payloadType":"str","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":180,"y":2130,"wires":[["cc8e556.23e4ea8"]]},{"id":"6a81ae9c.deb0d","type":"ui_artlessgauge","z":"c9c4eeb8.bad8e","group":"61d2dced.3db8f4","order":18,"width":3,"height":3,"name":"","icon":"","label":"Gauge","unit":"","layout":"radial","decimals":"2","differential":true,"minmax":true,"colorTrack":"#555555","colorFromTheme":true,"property":"payload","sectors":[{"val":0,"col":"#ff9900","t":"min","dot":0},{"val":10,"col":"#ff9900","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"0","x":490,"y":2040,"wires":[]},{"id":"61d2dced.3db8f4","type":"ui_group","z":0,"name":"flowtest","tab":"3c94630c.13381c","order":1,"disp":true,"width":16,"collapse":false},{"id":"3c94630c.13381c","type":"ui_tab","z":0,"name":"Test","icon":"dashboard","order":9}]
40

It's not working. But it will :stuck_out_tongue:

1 Like