By default, the C1GaugePointer appears as a tapered brown rectangle and the pointer cap appears as a gray circle with a gradient. You can customize the appearance of both. In the following steps, you'll customize the appearance of the C1RadialGauge control's C1GaugePointer and C1RadialGauge.PointerCap.
Complete the following steps:
Markup Copy Code <Gauge:C1RadialGauge Height="226" Margin="22,24,0,12" Name="C1RadialGauge1" Width="256" PointerFill="SkyBlue" PointerStroke="CornflowerBlue"> </Gauge:C1RadialGauge>
This will set customize the color of the C1GaugePointer.
Markup Copy Code <Gauge:C1RadialGauge Height="226" Margin="22,24,0,12" Name="C1RadialGauge1" Width="256" PointerFill="SkyBlue" PointerCapStroke="CornflowerBlue" PointerStroke="CornflowerBlue"> </Gauge:C1RadialGauge>
This will customize the color that the C1RadialGauge.PointerCap is outlined in.
Markup Copy Code <Gauge:C1RadialGauge Height="226" Margin="22,24,0,12" Name="C1RadialGauge1" Width="256" PointerFill="SkyBlue" PointerCapStroke="CornflowerBlue" PointerStroke="CornflowerBlue" > <Gauge:C1RadialGauge.PointerCapFill> <LinearGradientBrush> <GradientStop Color="CornflowerBlue" Offset="0"/> <GradientStop Color="SkyBlue" Offset="1"/> </LinearGradientBrush> </Gauge:C1RadialGauge.PointerCapFill> </Gauge:C1RadialGauge>
This will add a linear gradient to the C1RadialGauge control's C1RadialGauge.PointerCap.
Run your project and observe:
The C1RadialGauge control appears with a customized C1GaugePointer and C1RadialGauge.PointerCap: