バージョン

軸ラベルの構成

XamShapeChart コントロールは、チャートの x 軸と y 軸に基づいてチャートの構成、ラベルの書式やスタイルの設定などを詳細に制御することが可能です。デフォルトでは、ラベルを明示的に設定する必要はありません。シェープ チャートは、データ内で最初の適切な文字列プロパティを使用し、ラベルに使用します。

このトピックの内容

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

ラベル設定

XamShapeChart コントロールでは、以下のプロパティで x 軸および y 軸のラベルの回転角度、マージン、水平/垂直の配置、不透明度、パディングと表示を変更できます。

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

double

x 軸と y 軸のラベルの回転角度を決定します。

HorizontalAlignment

x 軸と y 軸のラベルの水平方向の配置を決定します。

VerticalAlignment

x 軸と y 軸のラベルの垂直方向の配置を決定します。

Visibility

x 軸と y 軸のラベルを表示するかどうかを決定します。

Thickness

x 軸と y 軸のラベルに適用するマージンを決定します。

double

x 軸または y 軸ラベルの不透明度を決定します。

Thickness

x 軸と y 軸のラベルに適用するパディングを決定します。

スタイル設定

シェープ チャートの x 軸および y 軸のラベルのルックアンドフィールをスタイル設定できます。主にフォントタイプ、フォント サイズ、フォントの太さなど異なるフォント スタイルをラベルに適用できます。以下のプロパティを使用します。

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

FontFamily

x 軸と y 軸ラベルに使用するフォント ファミリを決定します。

double

x 軸と y 軸のラベルのフォントサイズを設定します。

FontStretch

x 軸と y 軸のラベルに適用するフォント伸縮を決定します。

FontStyle

x 軸と y 軸のラベルのフォント スタイルを決定します。

FontWeight

x 軸と y 軸のラベルのフォントの太さを決定します。

Brush

x 軸と y 軸のラベルのテキストの色を決定します。

書式

XamShapeChart では、軸ラベルは書式を適用しない常にシンプルなテキストを表示します。ただし、XAxisLabel プロパティに書式文字列を設定して軸ラベルの書式を変更できます。たとえば、x 軸に沿って通貨データをプロットしている場合、デフォルトのラベルは通貨値の小数点表現を表示するのみです。これらの値を通貨記号と一緒に表示したい場合、少数を指定した番号が後に続く C 書式指定子など XAxisLabel プロパティを設定する必要があります。

NET フレームワーク複合書式文字列の詳細は、以下のオンライン リソースを参照してください。
Note
注:

XAML の中括弧 ('{' と '}') はマークアップ拡張のための特殊文字です。文字列の最初の値が中括弧でなければならない場合、中括弧の空のセットをエスケープ シーケンスとして使用する必要があります。これによって、リテラル値として取得すべき中括弧の空のセットにテキストが続くことができます。

コード スニペット

以下のコード例は、日付設定およびそ他のスタイル プロパティを使用して x 軸ラベルにスタイル設定および書式設定する方法示します。

XAML の場合:

<ig:XamShapeChart x:Name="chart1"
                  Title="Financial Data"
                  Subtitle="(High, Average, Low)"
                  XAxisLabelFontSize="16"
                  XAxisLabelMargin="14,0,0,0"
                  XAxisLabel="{}{0:$#.00}"
                  XAxisLabelForeground="Red"
                  XAxisLabelFontWeight="Bold">
</ig:XamShapeChart>

C# の場合:

chart1.XAxisLabel = "{}{0:$#.00}";
chart1.XAxisLabelFontSize = 16;
chart1.XAxisLabelLeftMargin = new Thickness(14);
chart1.XAxisLabelForeground = new SolidColorBrush(Color.Red);
chart1.XAxisLabelFontWeight = FontWeights.Bold;

Visual Basic の場合:

chart1.XAxisLabel = "{0:$#.00}"
chart1.XAxisLabelFontSize = 16
chart1.XAxisLabelLeftMargin = 14
chart1.XAxisLabelForeground = New SolidColorBrush(Color.Red)
chart1.XAxisLabelFontWeight = FontStyle.Bold

以下のコード スニペットのように書式設定文字列を使用して XAxisLabel プロパティを設定した場合、同じ結果になります。

XAML の場合:

<ig:XamShapeChart x:Name="chart1"
                  Title="Financial Data"
                  Subtitle="(High, Average, Low)"
                  XAxisLabel="{}{0:$#.00}"
                  XAxisLabelFontSize="16"
                  XAxisLabelForeground="Red"
                  XAxisLabelFontWeight="Bold">
</ig:XamShapeChart>

以下のスクリーンショットは、x 軸ラベルの書式およびスタイルを設定した XamShapeChart コントロールを示します。

ShapeChart axis labels 01.png

関連コンテンツ