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

Comparative Measure

The comparative measure allows for showing a marker indicating a certain threshold or value in the context of the displayed data.

Utilizing ComparativeMeasure

Example 1 demonstrates how you can set the ComparativeMeasure property.

Example 1: Setting the ComparativeMeasure

<Grid xmlns:dataVisualization="using:Telerik.UI.Xaml.Controls.DataVisualization"> 
    <dataVisualization:RadBulletGraph Height="50" Width="300" StartValue="0" EndValue="100" FeaturedMeasure="25" FeaturedMeasureThickness="5" FeaturedMeasureBrush="Red" ComparativeMeasure="50" /> 
</Grid> 

Figure 1: Comparative Measure

RadBulletGraph-Comparative Measure

ComparativeMeasureTemplate

You can also change the vizualization for the comparative measure with the help of the ComparativeMeasureTemplate.

Example 2: Setting ComparativeMeasureTemplate

<Grid xmlns:dataVisualization="using:Telerik.UI.Xaml.Controls.DataVisualization"> 
    <dataVisualization:RadBulletGraph Height="50" Width="300" StartValue="0" EndValue="100" FeaturedMeasure="25" FeaturedMeasureThickness="5" FeaturedMeasureBrush="Red" ComparativeMeasure="50"> 
        <dataVisualization:RadBulletGraph.ComparativeMeasureTemplate> 
            <DataTemplate> 
                <Path Width="25" Height="25" Data="M 0 0 L 10 10 L 20 0 Z" Stretch="Uniform" Fill="Yellow"  /> 
            </DataTemplate> 
        </dataVisualization:RadBulletGraph.ComparativeMeasureTemplate> 
    </dataVisualization:RadBulletGraph> 
</Grid> 

Figure 2: ComparativeMeasureTemplate

RadBulletGraph-ComparativeMeasureTemplate

AdditionalComparativeMeasures

The AdditionalComparativeMeasures allows for

Example 3: Populating AdditionalComparativeMeasures

<Grid xmlns:dataVisualization="using:Telerik.UI.Xaml.Controls.DataVisualization"> 
    <dataVisualization:RadBulletGraph Width="300" Height="50" EndValue="100" ComparativeMeasure="50"> 
        <dataVisualization:RadBulletGraph.AdditionalComparativeMeasures> 
            <dataVisualization:BulletGraphComparativeMeasure Value="60" /> 
            <dataVisualization:BulletGraphComparativeMeasure Value="70" /> 
            <dataVisualization:BulletGraphComparativeMeasure Value="80" /> 
        </dataVisualization:RadBulletGraph.AdditionalComparativeMeasures> 
    </dataVisualization:RadBulletGraph> 
</Grid> 

Figure 3: AdditionalComparativeMeasures

RadBulletGraph-ComparativeMeasureTemplate

In this article
Not finding the help you need?