# Gauge looks awesome, some details are a bit off

**URL:** <https://discourse.nodered.org/t/gauge-looks-awesome-some-details-are-a-bit-off/85453>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [12 February 2024 13:22 UTC](https://discourse.nodered.org/t/gauge-looks-awesome-some-details-are-a-bit-off/85453 "2024-02-12T13:22:42Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Post date:** [12 February 2024 13:22 UTC](https://discourse.nodered.org/t/gauge-looks-awesome-some-details-are-a-bit-off/85453/1 "2024-02-12T13:22:42Z")

</div>

I updated Dashboard 2.0 and started playing around with the gauge. First of all, I think the Half Gauge and the 3/4 Gauge looks awesome, and the transitions are also looking very nice.  
But it looks like segments outside do not properly reflect the segments defined on the propery page:

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

The left two gauges are defined like this:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/7/07d20719ba9a7411cf2f283a8c8810e87b874a91.png)

The gauge section is in the correct color, but the segments are off, the last red segment is not even visible.

All 4 of these gauges are in a group, and I defined size for all of them. It looks like the 3/4 Gauge looks like in 1x x 1x size, but the Half Gauge falls apart unless it is in 2x x 1x size.  
Also the last gauge falls apart, probably because it has more space left next to the bigger 3/4 Gauge.

---

<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:** [12 February 2024 13:47 UTC](https://discourse.nodered.org/t/gauge-looks-awesome-some-details-are-a-bit-off/85453/2 "2024-02-12T13:47:51Z")

</div>

This happens because of the min of the gauge, doesnt match the first segment. I need to add some better validation and fallbacks for when they don't align!

---

<div class="post-metadata">

**Author:** ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Post date:** [12 February 2024 13:51 UTC](https://discourse.nodered.org/t/gauge-looks-awesome-some-details-are-a-bit-off/85453/3 "2024-02-12T13:51:20Z")

</div>

Sorry indeed. Set the first setment to the same value as min, and everything is OK now.

---

<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:** [13 March 2024 13:52 UTC](https://discourse.nodered.org/t/gauge-looks-awesome-some-details-are-a-bit-off/85453/4 "2024-03-13T13:52:19Z")

</div>

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