バージョン 24.2 (最新)

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

トピックの概要

目的

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

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

前提条件

本トピックの理解を深めるために、以下のトピックを参照することをお勧めします。

トピック 目的

このトピックは、主要機能、最小要件およびユーザー機能性など、XamShapeChart コントロールの概念的な情報を提供します。

このトピックでは、データを XamShapeChart コントロールにバインドする方法を説明します。

このトピックの内容

このトピックは、以下のセクションで構成されます。

プロパティの設定

XamShapeChart コントロールのタイトルとサブタイトルのフォント スタイル、マージン、配置などを変更してルックアンドフィールをカスタマイズできます。以下のプロパティを使用します。

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

string

タイトルのテキスト コンテンツ

HorizontalAlignment

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

FontFamily

タイトルのフォント名

double

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

FontStyle

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

FontStretch

タイトル フォントの長体 / 平体

FontWeight

タイトル フォントの太さ (太字など)

Brush

タイトルのテキスト色

Thickness

タイトルのマージン

string

サブタイトルのテキスト コンテンツ

Brush

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

FontFamily

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

double

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

FontStyle

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

FontWeight

サブタイトル フォントの太さ (太字など)

HorizontalAlignment

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

Thickness

サブタイトルのマージン

コード スニペット

以下のコード例は、XamShapeChart コントロールでタイトルとサブタイトルをカスタマイズします。以下のコード例はサンプル散布データのリソースを使用しています。

XAML の場合:

<Grid x:Name="layoutRoot">
    <ig:XamShapeChart ItemsSource="{Binding}"
                      Title="Scatter Data"
                      TitleForeground="Red"
                      TitleFontFamily="Verdana"
                      TitleFontSize="24"
                      Subtitle="One Hundred Random Points"
                      SubtitleForeground="Red"
                      SubtitleFontFamily="Verdana"
                      SubtitleFontSize="16" />

</Grid>

C# の場合:

var data = new ScatterDataSource();

var chart = new XamShapeChart();
chart.ItemsSource = data;
chart.Title = "Scatter Data";
chart.TitleForeground = Brushes.Red;
chart.TitleFontFamily = new FontFamily("Verdana");
chart.TitleFontSize = 24;
chart.Subtitle = "One Hundred Random Points";
chart.SubtitleForeground = Brushes.Red;
chart.SubtitleFontFamily = new FontFamily("Verdana");
chart.SubtitleFontSize = 16;

layoutRoot.Children.Add(chart);

Visual Basic の場合:

Dim data = New ScatterDataSource()

Dim chart = New XamShapeChart()
chart.ItemsSource = data
chart.Title = "Scatter Data"
chart.TitleForeground = Brushes.Red
chart.TitleFontFamily = New FontFamily("Verdana")
chart.TitleFontSize = 24
chart.Subtitle = "One Hundred Random Points"
chart.SubtitleForeground = Brushes.Red
chart.SubtitleFontFamily = New FontFamily("Verdana")
chart.SubtitleFontSize = 16

layoutRoot.Children.Add(chart)

XamShapeChart の軸間隔を構成します。

shapechart title subtitle.png