Chart Title and Subtitle

Topic Overview

Purpose

The title and subtitle feature of the XamCategoryChart 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.

Required Background

The following topics are prerequisites to understanding this topic:

Topic	Purpose
XamCategoryChart Overview	This topic provides conceptual information about the XamCategoryChart control including its main features, minimum requirements, and user functionality.
Binding to Data	This topic explains how to bind data to the XamCategoryChart control.

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.
TitleBottomMargin	`double`	Title’s bottom margin.
TitleFontAttributes	`FontAttributes`	Title’s font style.
TitleFontFamily	`string`	Title’s font name.
TitleFontSize	`double`	Title’s font size
TitleLeftMargin	`double`	Title’s left margin.
TitleRightMargin	`double`	Title’s right margin.
TitleTextColor	Brush	Title’s text color.
TitleTopMargin	`double`	Title’s top margin.
Subtitle	`string`	Subtitle’s text content.
SubtitleAlignment	`HorizontalAlignment`	Subtitle’s horizontal alignment.
SubtitleBottomMargin	`double`	Subtitle’s bottom margin.
SubtitleFontAttributes	`FontAttributes`	Subtitle’s font style.
SubtitleFontFamily	`string`	Subtitle’s font name.
SubtitleFontSize	`double`	Subtitle’s text size.
SubtitleLeftMargin	`double`	Subtitle’s left margin.
SubtitleRightMargin	`double`	Subtitle’s right margin.
SubtitleTextColor	Brush	Subtitle’s text color.
SubtitleTopMargin	`double`	Subtitle’s top margin.

Code Snippet

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

<ig:XamCategoryChart x:Name="CategoryChart"
                     Title="Energy Use Per Country"
                     TitleTextColor="Red"
                     TitleFontFamily="Verdana"
                     TitleFontSize="24"
                     Subtitle="Results over a two year periods"
                     SubtitleTextColor="Red"
                     SubtitleFontFamily="Verdana"
                     SubtitleFontSize="16">
</ig:XamCategoryChart>

In C#:

In Visual Basic:

categorychart chart title subtitle 01.png

Xamarin | Help Topics