軸タイトルの構成

トピックの概要

目的

このトピックでは、 XamDataChart™ コントロールでの軸タイトルの設定に関する情報を提供します。

前提条件

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

トピック	目的
データチャートを使用した作業の開始	XamDataChart は、コントロールの DataContext プロパティにマップされるデータオブジェクトモデルを必要とします。ここでは、簡単なデータオブジェクトモデルを提供しますが、自分自身で作成し、このサンプルコードの代わりに使用することができます。
軸ラベル設定の構成	このトピックでは、軸ラベルの外観プロパティの設定に関する情報を提供します。

このトピックの内容

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

軸タイトル
関連コンテンツ

軸タイトル

概要

XamDataChart コントロールの軸タイトル機能は、XamDataChart コントロールの x および y 軸にコンテキスト情報を追加できます。

プレビュー

以下のスクリーンショットは、タイトルを y 軸に設定した XamDataChart コントロールのプレビューです。

プロパティ

Title プロパティは、軸の情報領域の値を設定します。

プロパティ名	プロパティタイプ	説明
タイトル	`文字列`	軸のタイトルを定義します。

以下の表で、軸のプロパティが利用できるオブジェクトのプロパティを簡単に説明します。

プロパティ名	プロパティタイプ	説明
TitlePosition	`AxisTitlePosition`	ラベルの位置に応じて、タイトルの位置を定義します。このプロパティはデフォルトで Auto に設定されています。これは、軸タイトルが常に軸ストロークおよび軸ラベルの反対側になることを意味します。つまり、軸ラベルは位置を変更しても、常に軸タイトルと軸ストロークの間になります。たとえば、軸ラベルの位置を OutsideRight に変更すると、軸タイトルの位置は自動的に軸ラベルの右側になります。
TitleAngle	`double`	軸タイトルを中心としたタイトルの回転を度数で定義します。たとえば、90 の値はタイトルを垂直に回転させ、0 の値はタイトルを水平に描画します。
TitleTextColor	`Brush`	軸タイトルの前景に適用する色を定義します。
TitleFontFamily	`string`	軸タイトルのテキストに適用するフォントを定義します。
TitleFontSize	`double`	軸タイトルのテキストに使用するフォントサイズを定義します。
TitleFontAttributes	`FontAttributes`	Regular、Bold、Italic など、軸タイトルテキストの描画に使用されるフォント属性を定義します。
TitleHorizontalAlignment	`HorizontalAlignment`	軸情報パネル上の軸タイトルの水平方向の配列を定義します。このプロパティは x 軸のタイトルのみに適用されます。
TitleVerticalAlignment	`VerticalAlignment`	軸情報パネル上の軸タイトルの垂直方向の配列を定義します。このプロパティは y 軸のタイトルのみに適用されます。
TitleTopMargin TitleBottomMargin TitleLeftMargin TitleRightMargin	`double`	軸タイトル周囲に設定する余白のサイズを定義します。

例

表の下のスクリーンショットは、以下の設定の結果、軸 Title を設定した XamDataChart コントロールの外観がどのようになるか示しています。

プロパティ	値
タイトル	Terawatt Hours (TWh)
TitlePosition	Bottom
TitleAngle	270
TitleFontSize	15

以下のコードはこの例を実装します。

XAML の場合:

<ig:NumericYAxis x:Name="yAxis"
                 TitleFontSize="15"
                 TitleAngle="270"
                 TitlePosition="Bottom"
                 Title="Terawatt Hours (TWh)" />

C# の場合:

var yAxis = new NumericYAxis();
yAxis.Title = "Terawatt Hours (TWh)";
yAxis.TitlePosition = AxisTitlePosition.Bottom;
yAxis.TitleAngle = 270;
yAxis.TitleFontSize = 15;

Xamarin | ヘルプ トピック