Linear Gauge Pointers
The pointers are the values that will be marked on the scale. You can customize them through the parameters they expose:
The examples in this article are using the Arrow shape of the Pointers, but you can use BarIndicator too.
Shape
The Shape parameter controls the shape of the pointer and takes a member of the LinearGaugePointerShape enum:
-
BarIndicator- by default a bar indication will be rendered as the pointer shape -
Arrow
Change the shape of the pointer.
Color
The Color (string) parameter controls the color of the pointers. It accepts CSS, HEX and RGB colors.
Change the color of the arrow pointers.
Opacity
The Opacity (double) parameter controls the opacity of the pointers. The value passed to it should be between 0 and 1.
Size
The Size (double) parameter controls the size of the pointers.
Margin
The Margin (double) parameter controls the margin between the Scale and the pointers.
Additional Customization
To further customize the elements of the linear gauge you can use nested tags. When configuring nested properties and child elements in your Linear Gauge, the inner tags will contain their parent tag name and add specifics to its end. In general the structure of such nested tags will be <LinearGauge*Category**Specifics*> where the Category can be one of the following:
- Scale
- GaugeArea
- Pointers
Customize the Pointer Track.