# How to reverse a Simple Gauge?

**URL:** <https://forum.inductiveautomation.com/t/how-to-reverse-a-simple-gauge/103083>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 1, 2025, 11:52am UTC](https://forum.inductiveautomation.com/t/how-to-reverse-a-simple-gauge/103083 "2025-03-01T11:52:43Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Filip\_Olsen1](https://avatars.discourse-cdn.com/v4/letter/f/eada6e/32.png) [@Filip\_Olsen1](https://forum.inductiveautomation.com/u/Filip_Olsen1)\
**Post date:** [March 1, 2025, 11:52am UTC](https://forum.inductiveautomation.com/t/how-to-reverse-a-simple-gauge/103083/1 "2025-03-01T11:52:44Z")

</div>

Hi

I have visualized a water arc that is "jumping" from the nozzle.  
a simple way I did this was to use an Gauge, and animated it.  
Works fine, but when I turn it OFF, it goes back the same direction.

Is it somehow possible to Reverse it ?  
The "Normal Gauge" have a ReverseGauge option, but the Simple Gauge does not. ☹

I`m not familiear using CSS, so I wanted to keep it simple.  
The project is for my own home, making a simple design for my mobile.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/2/c2200781205745f7aa48fb5afc169edbce5aaa08.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/8/f8efd40c82ca044e0a89e862f9b98574f18422e9.png)

---

<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:** [March 1, 2025, 12:31pm UTC](https://forum.inductiveautomation.com/t/how-to-reverse-a-simple-gauge/103083/2 "2025-03-01T12:31:07Z")

</div>

Hej, Filip.

What version of Ignition are you running? I am testing on 8.1.41 and I have more Simple Chart options than you have in your screen grab.

 ![Simple gauge reversal](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/f/af88662cd5cb9e4262ce7bd41931ff85313435ab.png)

You can swap the colors to make it look reversed. You then need to calculate the `value` to give the effect you want.

The arc background has an `opacity` setting. I tried to add one to the arc but it doesn't seem to work. Instead you can use the 4-byte hex color code to include the opacity where `#xxxxxx00` is completely transparent and `#xxxxxxff` is opaque. You may not need this.

Be aware that ignition scripts and expressions evaluate **on the gateway** and not in the browser. That means that animations in Perspective are not a good idea because of all the network traffic required and that CSS is the preferred solution.