categorychart-chart-title-subtitle.adoc

Chart Title and Subtitle

The title and subtitle feature of the {CategoryChartName} control allows you to add information to the top section of the chart control.

When adding a title or subtitle to the chart control, the content of the chart automatically resizes allowing for the title and subtitle information.

In this topic

This topic contains the following sections:

• Property Settings

• Code Snippet

• Related Content

Property Settings

You can customize the look and feel of the category chart’s subtitle and title in many different ways such as applying different font styles, margins, and alignment. This can be achieved through the following properties:

Property Name	Property Type	Description
Title	String	Title’s text content.
TitleAlignment	HorizontalAlignment	Title’s horizontal alignment.
TitleFontFamily	FontFamily	Title’s font name.
TitleFontSize	double	Title’s font size
TitleFontStyle	FontStyle	Title’s font style such as italic.
TitleFontStretch	FontStretch	Title’s font stretch
TitleFontWeight	FontWeight	Title’s font weight such as bold.
TitleForeGround	Brusht	Title’s text color.
TitleMargin	Thickness	Title’s margin.
SubtitleForeground	Brush	Subtitle’s text color.
SubtitleFontFamily	FontFamily	Subtitle’s font name.
SubtitleFontSize	double	Subtitle’s text size.
SubtitleFontStyle	FontStyle	Subtitle’s font style such as italic.
SubtitleFontWeight	FontWeight	Subtitle’s font weight such as bold.
SubtitleAlignment	HorizontalAlignment	Subtitle’s horizontal alignment.
SubtitleMargin	Thickness	Subtitle’s margin.

Code Snippet

The following code example shows how to customize the title and subtitle:

In XAML:

<ig:{CategoryChartName} x:Name="CategoryChart"
                         Title="Energy Use Per Country”
                         TitleForeground="Red"
                         TitleFontFamily="Verdana”
                         TitleFontSize="24"
                         Subtitle="Results over a two year period”
                         SubtitleForeground="Red"
                         SubtitleFontFamily="Verdana”
                         SubtitleFontSize="16"
</ig:{CategoryChartName}>

Related Content

Topic	Purpose
Adding Category Chart	This article will get you up and running with the category chart control.