バージョン

軸ラベル設定の構成

XamDataChart コントロールでは、以下の Axis オブジェクトのプロパティを使用して、軸ラベルの配置、回転角度、余白、水平/垂直配置、表示/非表示、および外観を変更できます。

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

String

データ マッピング (カテゴリ軸) およびすべての軸ラベルの書式を決定します。

double

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

double

軸ラベルと軸主線の間の空スペースを決定します。

FontFamily

軸ラベルのフォントを決定します。

HorizontalAlignment

CategoryYAxis と NumericYAxis のみのラベルの水平方向の配置を決定します。

VerticalAlignment

CategoryYAxis と NumericYAxis のみのラベルの垂直方向の配置を決定します。

軸主線とチャート プロット領域に対する軸ラベルの位置を決定します。

Visibility

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

Brush

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

以下のコード例は、 XamDataChart コントロールの CategoryXAxis および NumericYAxis で軸ラベルの場所、方向の角度、および外観を変更する方法を示します。

XAML の場合:

<ig:CategoryXAxis x:Name="xAxis"
                  Label="Date"
                  LabelTextColor="Green"
                  LabelLocation="OutsideBottom"
                  LabelExtent="40"
                  LabelAngle="45"
                  ItemsSource="{Binding}" />
<ig:NumericYAxis x:Name="yAxis"
                 LabelTextColor="Red"
                 LabelLocation="OutsideRight"
                 LabelExtent="40"
                 LabelAngle="-30" />

C# の場合:

var xAxis = new CategoryXAxis()
{
    Label = "Date",
    LabelTextColor = new SolidColorBrush(Color.Green),
    LabelLocation = AxisLabelsLocation.OutsideBottom,
    LabelExtent = 40,
    LabelAngle = 45
};

var yAxis = new NumericYAxis()
{
    LabelTextColor= new SolidColorBrush(Color.Red),
    LabelLocation = AxisLabelsLocation.OutsideRight,
    LabelExtent = 40,
    LabelAngle = -30
};

以下の画像は、XamDataChart コントロールが CategoryXAxis および NumericYAxis のカスタム ラベル設定でどのように見えるかを示しています。

xamDataChart Axis Label Settings 01.png

関連トピック: