Getting Started with Silverlight BulletGraph

This tutorial will walk you through the creation of a RadBulletGraph.

Assembly References

In order to use RadBulletGraph in your project you have to add a reference to the following assemblies:

  • Telerik.Windows.Controls
  • Telerik.Windows.Controls.DataVisualization
  • Telerik.Windows.Data

You can find the required assemblies for each control from the suite in the Controls Dependencies help article.

BulletGraph Types

The RadBulletGraph suite provides two controls - one horizontally arranged and one vertically.

  • RadHorizontalBulletGraph

  • RadVerticalBulletGraph

Visual Structure

The following image describes the main elements of the RadBulletGraph control.

Figure 1: BulletGraph visual elements

Silverlight RadBulletGraph BulletGraph visual elements

Defining the RadBulletGraph

The following examples show how to define a simple horizontal and vertical bullet graphs.

Example 1: Defining horizontal bullet graph control

<telerik:RadHorizontalBulletGraph FeaturedMeasure="60" 
                                  ComparativeMeasure="65"  
                                  ProjectedValue="75" 
                                  Maximum="100"> 
    <telerik:RadHorizontalBulletGraph.QualitativeRanges> 
        <telerik:QualitativeRange Brush="#A8A8A8" Value="150" /> 
        <telerik:QualitativeRange Brush="#C6C8C8" Value="225" /> 
        <telerik:QualitativeRange Brush="#E8E8E8" /> 
    </telerik:RadHorizontalBulletGraph.QualitativeRanges> 
</telerik:RadHorizontalBulletGraph> 

Figure 2: RadHorizontalBulletGraph

Silverlight RadBulletGraph RadHorizontalBulletGraph

Example 2: Defining vertical bullet graph control

<telerik:RadVerticalBulletGraph FeaturedMeasure="60"  
                                ComparativeMeasure="65"  
                                ProjectedValue="75" 
                                Maximum="100"> 
    <telerik:RadVerticalBulletGraph.QualitativeRanges> 
        <telerik:QualitativeRange Brush="#A8A8A8" Value="150" /> 
        <telerik:QualitativeRange Brush="#C6C8C8" Value="225" /> 
        <telerik:QualitativeRange Brush="#E8E8E8" /> 
    </telerik:RadVerticalBulletGraph.QualitativeRanges> 
</telerik:RadVerticalBulletGraph> 

Figure 3: RadVerticalBulletGraph

Silverlight RadBulletGraph RadVerticalBulletGraph

See Also

In this article