Hi all,
there are two gages side by side in my dashboard (actual / setpoint). Whenever "actual < setpoint" all segment colours of the setpoint gage should change to red.
I know I need to use a function node where I can adjust the properties of a gage (this works fine) however how to write the condition above into the function node?
b.r. Alois
You need to provide more information, How will you know when the actual is less than the setpoint? Where are the values stored?
If you put both into the msg (say msg.actual and msg.setpoint) then the function node will have access to both and you can use an if statement.
Hi Paul,
I plan exactly what you are describeing in your last sentence! However, I do not know how to write the if statement in the correct way (I'm pretty unexperienced in JSON).
Think I need something like the attached + the if statement.
b.r.
Alois
const value = msg.payload
msg = {
ui_control: {
gtype: "gage",
colors: ["blue", "blue", "blue"], //should change to ["red","red","red"] depending on condition.
},
payload: value
}
return msg;
JSON is a formatting of the data but when you are coding you are using javascript. You can see the format of a javascript if statement at w3school.com:
JavaScript if else else if
Not knowing what your data looks like, I can't tell you what the if statement should look like.
You need to show what the msg going into the function node is so add a debug node (set to display the complete msg object) to the node sending the msg to the function node.
Copy and paste the output to a reply
In order to make code readable and usable it is necessary to surround your code with three backticks (also known as a left quote or backquote ```)
```
code goes here
```
You can edit and correct your post by clicking the pencil 
icon.
See this post for more details - How to share code or flow json
You should also take a JavaScript Tutorial
@AloisBachmeier Please don't upload files containing your code examples, add code by pasting it into the forum post following the instructions given in the post above by @zenofmud above.
I have edited your post above already.
Hi,
here is a simple example how to change the values by using if conditions:
// Compare a value with msg.payload
if (myValue === msg.payload) {
msg.ui_update = {
segments: [
{"color":"SkyBlue","from":10},
{"color":"#5CD65C","from":20},
{"color":"Orange","from":24},
{"color":"Red","from":30}
]
}
} else {
msg.ui_update = {
segments: [
{"color":"Red","from":10, "to": 40}
]
}
}
Hope this helps.
Solved:
Thanks for help!
This works:
[
{
"id": "33b225f17b878741",
"type": "tab",
"label": "Tests",
"disabled": false,
"info": "",
"env": []
},
{
"id": "07dad9528a80e599",
"type": "inject",
"z": "33b225f17b878741",
"name": "set",
"props": [
{
"p": "payload"
},
{
"p": "topic",
"vt": "str"
}
],
"repeat": "",
"crontab": "",
"once": false,
"onceDelay": 0.1,
"topic": "set",
"payload": "25",
"payloadType": "num",
"x": 330,
"y": 580,
"wires": [
[
"62dde39a666dd082"
]
]
},
{
"id": "6306bf34e1756f60",
"type": "debug",
"z": "33b225f17b878741",
"name": "debug 113",
"active": true,
"tosidebar": true,
"console": false,
"tostatus": true,
"complete": "payload",
"targetType": "msg",
"statusVal": "payload",
"statusType": "auto",
"x": 930,
"y": 680,
"wires": []
},
{
"id": "69dbc75ba25016c8",
"type": "function",
"z": "33b225f17b878741",
"name": "function 8",
"func": "//\nlet _set = msg.payload[\"set\"];\nlet _act = msg.payload[\"act\"];\n\nif(_set > _act){\n msg = {\n ui_control: {\n colors: [\"red\", \"red\", \"red\"] \n },\n payload: _act\n }\n} else{\n msg = {\n ui_control: {\n colors: [\"blue\", \"blue\", \"blue\"] \n },\n payload: _act\n }\n}\nreturn msg;",
"outputs": 1,
"timeout": 0,
"noerr": 0,
"initialize": "",
"finalize": "",
"libs": [],
"x": 700,
"y": 620,
"wires": [
[
"6306bf34e1756f60",
"a527c7b964187763"
]
]
},
{
"id": "cb15034cda0872e9",
"type": "comment",
"z": "33b225f17b878741",
"name": "Gage: Conditional color",
"info": "join: \nCollects 2 inputs and join them to an object\nand give each of the inputs a key (topic).\n\nfunction:\nReferes to this keys and create the\ncondition based on them.",
"x": 380,
"y": 500,
"wires": []
},
{
"id": "e5f8f82a7808197b",
"type": "inject",
"z": "33b225f17b878741",
"name": "actual",
"props": [
{
"p": "payload"
},
{
"p": "topic",
"vt": "str"
}
],
"repeat": "",
"crontab": "",
"once": false,
"onceDelay": 0.1,
"topic": "act",
"payload": "24",
"payloadType": "num",
"x": 330,
"y": 640,
"wires": [
[
"62dde39a666dd082"
]
]
},
{
"id": "62dde39a666dd082",
"type": "join",
"z": "33b225f17b878741",
"name": "",
"mode": "custom",
"build": "object",
"property": "payload",
"propertyType": "msg",
"key": "topic",
"joiner": "\\n",
"joinerType": "str",
"useparts": false,
"accumulate": false,
"timeout": "5",
"count": "2",
"reduceRight": false,
"reduceExp": "",
"reduceInit": "",
"reduceInitType": "",
"reduceFixup": "",
"x": 530,
"y": 620,
"wires": [
[
"69dbc75ba25016c8"
]
]
},
{
"id": "a527c7b964187763",
"type": "ui_gauge",
"z": "33b225f17b878741",
"name": "",
"group": "e14ecf9f02acfaec",
"order": 0,
"width": 0,
"height": 0,
"gtype": "gage",
"title": "gauge",
"label": "units",
"format": "{{value}}",
"min": "15",
"max": "35",
"colors": [
"#00b500",
"#e6e600",
"#ca3838"
],
"seg1": "20",
"seg2": "30",
"diff": false,
"className": "",
"x": 910,
"y": 620,
"wires": []
},
{
"id": "e14ecf9f02acfaec",
"type": "ui_group",
"name": "Test",
"tab": "148d738185733779",
"order": 1,
"disp": true,
"width": "6",
"collapse": false,
"className": ""
},
{
"id": "148d738185733779",
"type": "ui_tab",
"name": "Test",
"icon": "dashboard",
"disabled": false,
"hidden": false
}
]
