Comparative Measure

Updated on Mar 26, 2026

The comparative measure allows you to render a marker indicating a certain threshold or value in the context of the displayed data.

Using the Measure

The following example demonstrates how to use the ComparativeMeasure property to render the comparative measure.

Set the ComparativeMeasure

XAML

<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>

The following image shows the result.

Customizing the Visual

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

Set the ComparativeMeasureTemplate

XAML

<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>

The following image shows the result.

Multiple Comparative Measures

To add multiple comparative measures, use the AdditionalComparativeMeasures collection property of the BulletGraph.

Populate the AdditionalComparativeMeasures

XAML

<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>

The following image shows the result.