# Dashboard colour

**URL:** <https://discourse.nodered.org/t/dashboard-colour/40930>\
**Category:** Dashboard\
**Created:** [13 February 2021 12:46 UTC](https://discourse.nodered.org/t/dashboard-colour/40930 "2021-02-13T12:46:17Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![davenrea](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/davenrea/32/32842_2.png) [@davenrea](https://discourse.nodered.org/u/davenrea)\
**Post date:** [13 February 2021 12:46 UTC](https://discourse.nodered.org/t/dashboard-colour/40930/1 "2021-02-13T12:46:17Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/7/d72622e433f8e54f2b06713055087905ace5de21.png)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/9/f93f6d1bea570f9a1c5acb6d6bfbaead640e4342.png)

Hi

I'm trying to change the dashboard guage to have a colour both sides on the pointer as in the images, the first image shows it as it is the other what i am trying to achieve. It could be done if the light grey background semicircle of the guage was green and was overwritten by the red when the guage moved.

Anyone done this?

Thanks

---

<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:** [13 February 2021 13:30 UTC](https://discourse.nodered.org/t/dashboard-colour/40930/2 "2021-02-13T13:30:48Z")

</div>

No. There is no way to do that. Underlying library (justgauge.js) just has no option to do it.

---

<div class="post-metadata">

**Author:** ![davenrea](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/davenrea/32/32842_2.png) [@davenrea](https://discourse.nodered.org/u/davenrea)\
**Post date:** [13 February 2021 14:49 UTC](https://discourse.nodered.org/t/dashboard-colour/40930/3 "2021-02-13T14:49:32Z")

</div>

Thanks for the reply, anyone know of a different node i can use to show this

---

<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:** [13 February 2021 17:26 UTC](https://discourse.nodered.org/t/dashboard-colour/40930/4 "2021-02-13T17:26:09Z")

</div>

Not too many options for different gauges.  
Alongside the dashboard default there is some contributors versions of gauges available  
[Gauge nodes for dashboard](https://flows.nodered.org/search?term=gauge&type=node)

And then it is possible to use some JavaScript library which satisfies your needs. For that it takes to use the `ui_template` node to load the library and use it to present the graphics.

And that's it. No more options.

---

<div class="post-metadata">

**Author:** ![davenrea](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/davenrea/32/32842_2.png) [@davenrea](https://discourse.nodered.org/u/davenrea)\
**Post date:** [14 February 2021 12:25 UTC](https://discourse.nodered.org/t/dashboard-colour/40930/5 "2021-02-14T12:25:02Z")

</div>

Looks like I'll have to be satisfied with what I have, the gauge nodes don't really do it for me and I'm afraid JavaScript is one step beyond for me but thank anyway.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [16 March 2021 12:25 UTC](https://discourse.nodered.org/t/dashboard-colour/40930/6 "2021-03-16T12:25:16Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.