How to reverse a Simple Gauge?

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. :frowning:

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.

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.

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.

1 Like