# Change direction of simple gauge

**URL:** <https://forum.inductiveautomation.com/t/change-direction-of-simple-gauge/108377>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [July 11, 2025, 2:48pm UTC](https://forum.inductiveautomation.com/t/change-direction-of-simple-gauge/108377 "2025-07-11T14:48:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![annikaciul](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@annikaciul](https://forum.inductiveautomation.com/u/annikaciul)\
**Post date:** [July 11, 2025, 2:48pm UTC](https://forum.inductiveautomation.com/t/change-direction-of-simple-gauge/108377/1 "2025-07-11T14:48:44Z")

</div>

I have a simple 1/2 circle gauge, and am trying to change it so that rather than filling clockwise, as is the current standard build in direction, it fills counterclockwise instead.

I'm going from -6 on the left to 0 on the right. I want the start point of the fill to be at zero, and fill counter clockwise going down towards -6.  
If I change my min and max values so that the -6 is "max" and 0 is "min", the gauge component becomes extremely small rather than staying at the 1/2 circle size.  
If I change my start and end angles to be reversed (360 start and 180 end), the component does not fill correctly. It only makes it about two degrees around the circle, no matter what I put as my value.

Does anyone have a solution that maybe I have missed?

---

<div class="post-metadata">

**Author:** ![michael.flagler](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/michael.flagler/32/26272_2.png) [@michael.flagler](https://forum.inductiveautomation.com/u/michael.flagler)\
**Post date:** [July 11, 2025, 2:54pm UTC](https://forum.inductiveautomation.com/t/change-direction-of-simple-gauge/108377/2 "2025-07-11T14:54:08Z")

</div>

Been a long time since I've messed with the gauge, but can you not just swap the fill/background colors for the gauge itself and leave everything else as normal?

---

<div class="post-metadata">

**Author:** ![annikaciul](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@annikaciul](https://forum.inductiveautomation.com/u/annikaciul)\
**Post date:** [July 11, 2025, 3:04pm UTC](https://forum.inductiveautomation.com/t/change-direction-of-simple-gauge/108377/3 "2025-07-11T15:04:11Z")

</div>

That seems to work for the direction of the fill, but I'm still having trouble with it filling correctly. When my value is set to 0 (when the gauge should be "empty"), it's still only moving a few degrees.

 ![Forum Screenshot 15](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/2/323dc8b7f6fdb00040e3561675bdbfeed1b65d75.png)  
 ![Forum Screenshot 14](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/0/30381a806cf1a5253c58da8e0cd7d075d6590ff1.png)  
When value is set to -6, the whole bar is red. But when value is set to zero, it should be fully blue, but looks like the above instead. It moves a nominal amount from this position when set to any other number.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 11, 2025, 3:12pm UTC](https://forum.inductiveautomation.com/t/change-direction-of-simple-gauge/108377/4 "2025-07-11T15:12:22Z")

</div>

There seems to be a couple of quirks.

- It doesn't like `maxValue : 0` and seems to assume that it's an error and works as though you had set it to 100. I tried setting it to 0.0001...

Try this instead:

- Set the chart to `minValue : 0` and `maxValue : 6`.

- Use an expression on `value` to change the sign of your variable so that it's positive.

- Add `style.transform : scale(-1, 1)`. This will flip the chart horizontally. This in turn has the benefit that you can use the `arc.cornerRadius` property and the arc will run the right direction.  

- The label is reversed too and doesn't have the negative sign but you can disable that and use a label.