バージョン

チャートのタイトルとサブタイトル

トピックの概要

目的

このトピックでは、 XamDataChart™ チャート コントロールのチャート タイトルとサブタイトル機能を使用する方法を説明します。

前提条件

このトピックを理解するためには、以下のトピックを理解しておく必要があります:

トピック 目的

XamDataChart は、コントロールの DataContext プロパティにマップされるデータ オブジェクト モデルを必要とします。ここでは、簡単なデータ オブジェクト モデルを提供しますが、自分自身で作成し、このサンプル コードの代わりに使用することができます。

チャートのタイトルとサブタイトル

概要

XamDataChart コントロールのタイトルとサブタイトル機能は、チャート コントロールの一番上のセクションに情報を追加できます。

チャート コントロールにタイトルまたはサブタイトルを追加すると、タイトルとサブタイトルの情報に応じて、チャートの内容が自動的にサイズ変更されます。

プレビュー

以下のスクリーンショットは、タイトルとサブタイトルのセットを持つチャート コントロールのプレビューです。

xamDataChart Chart Title 01.png

タイトルとサブタイトル

タイトルとサブタイトルをチャート コントロールに追加するために、XamDataChart に追加されたプロパティ セットが用意されています。

プロパティ名 プロパティ タイプ 説明

String

チャートのタイトルを定義します。

String

チャートのサブタイトルを定義します。

タイトルとサブタイトルのスタイル設定

テキストの色、タイトルやサブタイトルのテキストのフォント スタイル、およびテキストのフォント サイズのスタイル設定ができる各プロパティが提供されています。

プロパティ名 プロパティ タイプ 説明

Brush

タイトルのテキスト色

FontFamily

タイトルのフォント名

double

タイトルのフォント サイズ

FontAttributes

タイトル フォントのスタイル (斜体など)

HorizontalAlignment

タイトルの水平方向の配置

double

タイトルの余白

Brush

サブタイトルのテキスト色

FontFamily

サブタイトルのフォント名

double

サブタイトルのフォント サイズ

FontAttributes

サブタイトル フォントのスタイル (斜体など)

HorizontalAlignment

サブタイトルの水平方向の配置

double

以下のコードはチャート コントロールでタイトルおよびサブタイトルを設定する方法を紹介します。

XAML の場合:

<ig:XamDataChart x:Name="DataChart"
                 Title="Energy Use Per Country"
                 TitleTextColor="Red"
                 TitleFontSize="24"
                 Subtitle="Results over a two year period"
                 SubtitleTextColor="Red"
                 SubtitleFontSize="16" >
</ig:XamDataChart>

表の下のスクリーンショットは、以上のコードの結果、タイトルとサブタイトルを持つチャート コントロールの外観がどのようになるか示しています。

xamDataChart Chart Title 02.png

関連コンテンツ

以下のトピックでは、このトピックに関連する追加情報を提供しています。

トピック 目的

XamDataChart を追加する方法を紹介します。