I’m looking for a graphic way to display a relationship between a goal and actual. I’m not in love with the progress bars, although they work for now. I’d love something like a dial or a gauge that moves. If the user is below their goal, the dial points to the left. If they are in range, it’s straight. If they have exceeded their goal, it points to the right.
Yes and I can configure it but am having trouble with some of the details. For example, I’d like it to be green when it’s in range and red when it’s over. I can do that but when it’s toward the high end of the range, it mixes the red & green and makes it a terrible brown. Also the pointer covers up the font in the center. I’d like to move the font down and put more spacing between the value and the label.