Real-time Gauge Test

1. Single Value Display

Display a single value of 25%

2. Single Transition

Display value of 0% and transition to a random value when the button is pressed.

Transition

3. Stream Transition

Display value of 0% and transition to a random value every second when the button is pressed.

Play

4. Gauge Sizes

Display the four built-in gauge sizes in this order: tiny, small, medium, large.

5. Color Override

Override the basic gauge styles with the following

• Outer arc 8px thickness colored green
• Inner arc 2px thickness colored orange
• Ticks should be 3px in width and red
• Needle colored blue.
• Needle base colored black

6. Option: domain

Play | [0, 1] [0, 2]

7. Option: ticks

Play | 5 Ticks 10 Ticks 20 Ticks 40 Ticks

8. Option: tickSize

Play | 2px 5px 10px 20px

9. Option: tickOffset

Play | 5px 10px 20px

10. Option: format

Play | Percent Normal