I am trying to display an indicator gauge on my page (imagine something similar to a speedometer) which accepts parameters for its both its scale and the actual value to represent on the scale. Once passed the parameters, it would then draw a filled semi-circle up to the level of the actual value.
min value = 0
warning threshold value = 50
critical threshold value = 100
max value = 150
actual value = 120
So in the above e.g. this would show a filled semi-circle coloured green between 0-50, coloured amber between 50-100, and coloured red between 100-120. The remaining 30 (150 - 120) would be another colour or white space.
Is this at all possible, and how could it be done?
Many thanks in advance.