Gauge
Circular progress indicator
A circular progress ring over a min/max range, with optional content in the middle.
Methods
Gauge(options?)WidgetNodeA circular gauge.
- options Any
- value Number required
Where the ring stops, between min and max.
- min Number
Start of the range. Default 0.
- max Number
End of the range. Default 1.
- trackColor Color
The unfilled arc.
- progressColor Color
The filled arc.
- lineWidth Number
Thickness of the ring.
- size Any
Diameter, as a number of points or a Size.
- child WidgetNode
Drawn in the middle.
- value Number required
Examples
Score gauge
Gauge({
value: 75, min: 0, max: 100,
progressColor: Color.blue(),
lineWidth: 8,
child: Text("75%", {
font: Font.system(16, FontWeight.bold)
})
})