Change direction of simple gauge

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.