Telerik UI for Windows 8 XAML

The RadialBarGaugeIndicator and LinearBarGaugeIndicator represent a specific value on the gauge scale as a bar that fills the axis up to this value.

Note

The RadialBarGaugeIndicator and LinearBarGaugeIndicator classes inherit their properties from the BarGaugeIndicator class.

RadialBarGaugeIndicator

The following code sample shows how to add a RadialBarGaugeIndicator to a RadRadialGauge:

XAML Copy imageCopy
<telerik:RadRadialGauge LabelStep="60" TickStep="20" MaxValue="120"  Width="200" LabelRadiusScale="1.10">
    <telerik:RadialBarGaugeIndicator Value="100" Brush="Green" Thickness="5" Margin="10"/>
</telerik:RadRadialGauge>

Result:

Rad Gauge-Radial Bar Gauge Indicator

LinearBarGaugeIndicator

The following code sample shows how to add a LinearBarGaugeIndicator to a RadLinearGauge:

XAML Copy imageCopy
<telerik:RadLinearGauge LabelStep="60" TickStep="20" MaxValue="120"  Width="200">
    <telerik:LinearBarGaugeIndicator Value="100" Brush="Green" Thickness="5" telerik:RadLinearGauge.IndicatorOffset="-10"/>
</telerik:RadLinearGauge>

Result:

Rad Gauge-Linear Bar Gauge Indicator