# Ui\_gauge with static colored sectors

**URL:** <https://discourse.nodered.org/t/ui-gauge-with-static-colored-sectors/39421>\
**Category:** Dashboard\
**Created:** [20 January 2021 09:06 UTC](https://discourse.nodered.org/t/ui-gauge-with-static-colored-sectors/39421 "2021-01-20T09:06:07Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![lowlow](https://avatars.discourse-cdn.com/v4/letter/l/5fc32e/32.png) [@lowlow](https://discourse.nodered.org/u/lowlow)\
**Post date:** [20 January 2021 09:06 UTC](https://discourse.nodered.org/t/ui-gauge-with-static-colored-sectors/39421/1 "2021-01-20T09:06:07Z")

</div>

Hi All,  
Is there a way to tweak the ui\_gauge to display "static colored sectors" instead of having a dynamic colored sector?

I'm looking for something like this:

 ![gauge_with_colored_sector](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/e/9e04fc567587c8b32223dde6c96461d33e6beeb2.png)

---

<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:** [20 January 2021 10:42 UTC](https://discourse.nodered.org/t/ui-gauge-with-static-colored-sectors/39421/2 "2021-01-20T10:42:25Z")

</div>

Have you read the `Help` tab for the node?  
 ![Screen Shot 2021-01-20 at 5.40.59 AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/e/1eda73c84091d7309cf18b8a6a2697b6e508d466.png)  
If so, what don't you understand?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [20 January 2021 10:58 UTC](https://discourse.nodered.org/t/ui-gauge-with-static-colored-sectors/39421/3 "2021-01-20T10:58:18Z")

</div>

to be specific "If you specify numbers for the sectors, then the colours changes per sector."

---

<div class="post-metadata">

**Author:** ![lowlow](https://avatars.discourse-cdn.com/v4/letter/l/5fc32e/32.png) [@lowlow](https://discourse.nodered.org/u/lowlow)\
**Post date:** [20 January 2021 11:05 UTC](https://discourse.nodered.org/t/ui-gauge-with-static-colored-sectors/39421/4 "2021-01-20T11:05:15Z")

</div>

Yes, I've read it.

I've set up the gauge with "Color gradient" and "Sectors" as follow:

 ![Capture d’écran 2021-01-20 à 11.56.49](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/4/e438f200da41cc0213ec2446dbdcd4b3c1310215.png)

The gauge color changes dynamically accordingly to the settings I've set. I understand that this is the default behavior.  
What I'm looking for is to display "statically" the colored sector, so the colored sectors are displayed all the time , then the "needle" will move on top of the colored sectors ...

---

<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:** [20 January 2021 11:27 UTC](https://discourse.nodered.org/t/ui-gauge-with-static-colored-sectors/39421/5 "2021-01-20T11:27:29Z")

</div>

I don't know of a way, but this might be an interesting PR for the gauge (if @dceejay thinks so). Have an option to display the colors for each section statically. Only the guage mark would change.

---

<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:** [20 January 2021 12:00 UTC](https://discourse.nodered.org/t/ui-gauge-with-static-colored-sectors/39421/6 "2021-01-20T12:00:54Z")

</div>

For the underlying library the last update about this request was Sept. 2019.

> <https://github.com/toorshia/justgage/issues/313>
>
> Is there any way to achieve something similar to below screenshot(sectors with different colors per sector) with justgage? Or any simple...

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [20 January 2021 12:18 UTC](https://discourse.nodered.org/t/ui-gauge-with-static-colored-sectors/39421/7 "2021-01-20T12:18:35Z")

</div>

yes - it needs to be an option in the underlying justgage library before we can expose it.

---

<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:** [19 February 2021 12:19 UTC](https://discourse.nodered.org/t/ui-gauge-with-static-colored-sectors/39421/8 "2021-02-19T12:19:07Z")

</div>

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