New to Telerik UI for WinUI? Download free 30-day trial

Bar Indicators

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

RadialBarGaugeIndicator

Example 1 shows how to add a RadialBarGaugeIndicator to a RadRadialGauge.

Example 1: Creating RadialBarGaugeIndicator

<Grid xmlns:dataVisualization="using:Telerik.UI.Xaml.Controls.DataVisualization"> 
    <dataVisualization:RadRadialGauge LabelStep="60" TickStep="20" MaxValue="120" Width="200" LabelRadiusScale="1.10"> 
        <dataVisualization:RadialBarGaugeIndicator Value="100" Brush="Green" Thickness="5" Margin="10"/> 
    </dataVisualization:RadRadialGauge> 
</Grid> 

Figure 1: RadialBarGaugeIndicator

RadialBarGaugeIndicator

LinearBarGaugeIndicator

Example 2 shows how to add a LinearBarGaugeIndicator to a RadLinearGauge.

Example 2: Creating LinearBarGaugeIndicator

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

Figure 2: LinearBarGaugeIndicator

LinearBarGaugeIndicator

See Also

In this article
Not finding the help you need?