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