# Dashboard 2 gauge water tank level visualization / wrong level displayed?

**URL:** <https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [22 December 2024 15:41 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106 "2024-12-22T15:41:26Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [22 December 2024 15:41 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106/1 "2024-12-22T15:41:26Z")

</div>

Using dashboard 2 gauge water tank level.  
From here [Gauge ui-gauge | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/widgets/ui-gauge.html#water-tank) i got the impression that for 100% the water level would be at the very top.  
I now set the gauge to 100% via input payload and get this:

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

To me this does not look like 100% but it reads 100%. Am I doing something wrong here?

This is for example how 12% look like:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/a/3aacd16c153fd70d4c4aff6e5a6a4b32d616a32e.png)  
Not much of a difference, only slightly.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [22 December 2024 17:28 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106/2 "2024-12-22T17:28:16Z")

</div>

Which browser are you using? As you mentioned correctly, for 100%, it should be a full tank, but i know we had issues with Firefox in the past, and i thought we had fixed it.

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [22 December 2024 17:39 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106/3 "2024-12-22T17:39:54Z")

</div>

It is Firefox current version.  
I just tried Edge and there it shows full level. So it is not working with Firefox.

---

<div class="post-metadata">

**Author:** ![omrid](https://avatars.discourse-cdn.com/v4/letter/o/77aa72/32.png) [@omrid](https://discourse.nodered.org/u/omrid)\
**Post date:** [22 December 2024 17:51 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106/4 "2024-12-22T17:51:35Z")

</div>

Hi @joepavitt ,  
I don't know if relevant here, I had issues with CSS styling in Firefox too, and it turned out to be related to style attributes being inherited in FF vs. being own properties in Chrome & Edge. For me, replacing `hasOwnProperty` with `in` solved the issue.

---

<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:** [22 December 2024 18:34 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106/5 "2024-12-22T18:34:39Z")

</div>

You haven't shared what is the version of the dashboard. If you have latest, I have to cut my Christmas mode and try to investigate why my fix doesn't do the thing....

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [22 December 2024 18:40 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106/6 "2024-12-22T18:40:50Z")

</div>

Running 1.20 and I just saw there is 1.21. Will update to 1.21

---

<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:** [22 December 2024 18:43 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106/7 "2024-12-22T18:43:09Z")

</div>

20 should include the fix... But the updating is good anyway . Do clear the browser cache also after updated done.

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [22 December 2024 18:46 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106/8 "2024-12-22T18:46:07Z")

</div>

It is actually working in 1.21.

---

<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:** [22 December 2024 18:46 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106/9 "2024-12-22T18:46:41Z")

</div>

Mystery solved.

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [22 December 2024 18:55 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106/10 "2024-12-22T18:55:34Z")

</div>

Christmas saved

---

<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:** [5 January 2025 18:56 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106/11 "2025-01-05T18:56:32Z")

</div>

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