Skip to content

Latest commit

 

History

History
104 lines (78 loc) · 4.69 KB

getting-started.md

File metadata and controls

104 lines (78 loc) · 4.69 KB
title page_title description slug tags published position
Getting Started
Getting Started
This tutorial will walk you through the creation of a RadBulletGraph.
radbulletgraph-getting-started
getting,started
true
1

Getting Started with {{ site.framework_name }} 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.Licensing.Runtime
  • Telerik.Windows.Controls
  • Telerik.Windows.Controls.DataVisualization
  • Telerik.Windows.Data

You can find the required assemblies for each control from the suite in the {% if site.site_name == 'Silverlight' %}[Controls Dependencies]({%slug installation-installing-controls-dependencies%}){% else %}[Controls Dependencies]({%slug installation-installing-controls-dependencies-wpf%}){% endif %} help article.

tip With the 2025 Q1 release, the Telerik UI for WPF has a new licensing mechanism. You can learn more about it [here]({%slug installing-license-key%}).

Adding Telerik Assemblies Using NuGet

To use RadBulletGraph when working with NuGet packages, install the Telerik.Windows.Controls.DataVisulization.for.Wpf.Xaml package. The [package name may vary]({%slug nuget-available-packages%}) slightly based on the Telerik dlls set - [Xaml or NoXaml]({%slug xaml-vs-noxaml%})

Read more about NuGet installation in the [Installing UI for WPF from NuGet Package]({%slug nuget-installation%}) 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

{{ site.framework_name }} RadBulletGraph BulletGraph visual elements

Defining the RadBulletGraph

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

[XAML] Example 1: Defining horizontal bullet graph control

{{region radbulletgraph-getting-started-0}} <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> {{endregion}}

Figure 2: RadHorizontalBulletGraph

{{ site.framework_name }} RadBulletGraph RadHorizontalBulletGraph

[XAML] Example 2: Defining vertical bullet graph control

{{region radbulletgraph-getting-started-1}} <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> {{endregion}}

Figure 3: RadVerticalBulletGraph

{{ site.framework_name }} RadBulletGraph RadVerticalBulletGraph

{% if site.site_name == 'WPF' %}

Telerik UI for WPF Learning Resources

See Also

  • [Overview]({%slug radbulletgraph_overview%})
  • [Qualitative Ranges]({%slug radbulletgraph-features-qualitative-ranges%})
  • [Measures]({%slug radbulletgraph-features-measures%})
  • [Creating a BulletGraph Programmatically]({%slug radbulletgraph_creating_a_bulletgraph_programmatically%})