# How do I format gauge node value with comma symbols?

**URL:** https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686
**Category:** Dashboard
**Tags:** node-red-dashboard
**Created:** [18 January 2024 11:08 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686 "2024-01-18T11:08:32Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![Engineer\_M](https://avatars.discourse-cdn.com/v4/letter/e/aeb1de/32.png) [@Engineer\_M](https://discourse.nodered.org/u/Engineer_M)
#### Post date: [18 January 2024 11:08 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/1 "2024-01-18T11:08:32Z")

</div>

Hi everyone, how do i format gauge node value with coma symbols like 456,234,112?

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [18 January 2024 11:10 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/2 "2024-01-18T11:10:41Z")

</div>

Is that one value or three separate values?

---

<div class="post-metadata">

### Author: ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)
#### Post date: [18 January 2024 11:33 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/3 "2024-01-18T11:33:13Z")

</div>

Do you mean thousand separator ?

```auto
[{"id":"f3560c65193b6b38","type":"inject","z":"bf05578e63864ed4","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"123456789","payloadType":"num","x":400,"y":400,"wires":[["ea790ec9decbf4c5"]]},{"id":"95ec1b7d8a76fa64","type":"debug","z":"bf05578e63864ed4","name":"debug 469","active":true,"tosidebar":true,"console":false,"tostatus":true,"complete":"payload","targetType":"msg","statusVal":"payload","statusType":"auto","x":810,"y":400,"wires":[]},{"id":"ea790ec9decbf4c5","type":"change","z":"bf05578e63864ed4","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"$formatNumber(payload, '#,###.00')\t","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":600,"y":400,"wires":[["95ec1b7d8a76fa64"]]}]

```

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/b/1be491b089759bcd66fa5317ac362b0ccdb58910.png)

---

<div class="post-metadata">

### Author: ![Engineer\_M](https://avatars.discourse-cdn.com/v4/letter/e/aeb1de/32.png) [@Engineer\_M](https://discourse.nodered.org/u/Engineer_M)
#### Post date: [18 January 2024 11:41 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/4 "2024-01-18T11:41:06Z")

</div>

one value

---

<div class="post-metadata">

### Author: ![Engineer\_M](https://avatars.discourse-cdn.com/v4/letter/e/aeb1de/32.png) [@Engineer\_M](https://discourse.nodered.org/u/Engineer_M)
#### Post date: [18 January 2024 11:42 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/5 "2024-01-18T11:42:04Z")

</div>

yes brother i mean that

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [18 January 2024 12:06 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/6 "2024-01-18T12:06:58Z")

</div>

Ao are you saying you want to see the commas in the graph or are you just trying to display the dat properly in the graph?

If you create a small flow with an inject with some of the data connected to your graph and export it and past it not a reply it will be easier for us to see what you are doing.

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 `````)

````auto
``` 
   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](https://discourse.nodered.org/t/how-to-share-code-or-flow-json/506)

---

<div class="post-metadata">

### Author: ![Engineer\_M](https://avatars.discourse-cdn.com/v4/letter/e/aeb1de/32.png) [@Engineer\_M](https://discourse.nodered.org/u/Engineer_M)
#### Post date: [18 January 2024 12:10 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/7 "2024-01-18T12:10:26Z")

</div>

i need to see on the gauge node

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [18 January 2024 12:18 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/8 "2024-01-18T12:18:25Z")

</div>

You may try to format as currency without symbol. Closest what I can figure out from top of my head ...

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/9/591c3e0bb4071b06fdd4dcd82205dd0e8ef063d5.png)

3 decimals also possible:

```auto
{{value | currency:"":3}}

```

---

<div class="post-metadata">

### Author: ![Engineer\_M](https://avatars.discourse-cdn.com/v4/letter/e/aeb1de/32.png) [@Engineer\_M](https://discourse.nodered.org/u/Engineer_M)
#### Post date: [18 January 2024 12:48 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/9 "2024-01-18T12:48:09Z")

</div>

how do i set it in the gauge node value as my message is {{msg.payload.waterVolume}}

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [18 January 2024 12:52 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/10 "2024-01-18T12:52:59Z")

</div>

Value format `{{payload.waterVolume | number}}` will format the number according to your locale settings.

For me this gives  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/d/5de93c01da4972d73f0b11e996b0095b66ceae4b.png)

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [18 January 2024 12:53 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/11 "2024-01-18T12:53:12Z")

</div>

Actually regular number filter does same trick

```auto
{{msg.payload.waterVolume | number:3}}

```

---

<div class="post-metadata">

### Author: ![Engineer\_M](https://avatars.discourse-cdn.com/v4/letter/e/aeb1de/32.png) [@Engineer\_M](https://discourse.nodered.org/u/Engineer_M)
#### Post date: [18 January 2024 12:55 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/12 "2024-01-18T12:55:00Z")

</div>

> [@jbudd](#):
>
> | number

it works, thank you so much brother and others for the supports

---

<div class="post-metadata">

### Author: ![Engineer\_M](https://avatars.discourse-cdn.com/v4/letter/e/aeb1de/32.png) [@Engineer\_M](https://discourse.nodered.org/u/Engineer_M)
#### Post date: [18 January 2024 13:26 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/13 "2024-01-18T13:26:09Z")

</div>

then sorry is there any way to change the node red url icon photo to any photo?

---

<div class="post-metadata">

### Author: ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)
#### Post date: [18 January 2024 15:03 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/14 "2024-01-18T15:03:01Z")

</div>

Please open a new topic for different questions....

Also, have you searched the forum for an answer? this question has been raised previously.

---

<div class="post-metadata">

### Author: ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)
#### Post date: [18 January 2024 15:03 UTC](https://discourse.nodered.org/t/how-do-i-format-gauge-node-value-with-comma-symbols/84686/15 "2024-01-18T15:03:25Z")

</div>


