バージョン

軸ラベル設定の構成

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

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

String

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

LabelSettings

前景、フォント、配置、余白、角度などのラベル設定を決定します。軸ラベル設定の構成を参照してください。

double

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

double

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

FontFamily

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

HorizontalAlignment

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

VerticalAlignment

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

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

Visibility

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

Brush

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

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

XAML の場合:

<ig:XamDataChart x:Name="DataChart" >
    <ig:XamDataChart.Axes>
        <ig:CategoryXAxis x:Name="xAxis"
                          Label="{}{Date:MM/dd}"
                          ItemsSource="{Binding}" >
            <ig:CategoryXAxis.LabelSettings>
                <ig:AxisLabelSettings Foreground="Green"
                                    Location="OutsideBottom"
                                    Extent="40"
                                    Angle="45" />
                </ig:CategoryXAxis.LabelSettings>
        </ig:CategoryXAxis>
        <ig:NumericYAxis x:Name="yAxis" >
            <ig:NumericYAxis.LabelSettings>
                <ig:AxisLabelSettings Foreground="Red"
                                    Location="OutsideRight"
                                    Extent="40"
                                    Angle="-30" />
            </ig:NumericYAxis.LabelSettings>
        </ig:NumericYAxis>
    </ig:XamDataChart.Axes>
</ig:XamDataChart>

C# の場合:

var yAxis = new NumericYAxis();
var xAxis = new CategoryXAxis();
xAxis.Label = "Date";

xAxis.LabelSettings = new AxisLabelSettings();
xAxis.LabelSettings.Foreground = new SolidColorBrush(Colors.Green);
xAxis.LabelSettings.Location = AxisLabelsLocation.OutsideBottom;
xAxis.LabelSettings.Extent = 40;
xAxis.LabelSettings.Angle = 45;

yAxis.LabelSettings = new AxisLabelSettings();
yAxis.LabelSettings.Foreground = new SolidColorBrush(Colors.Red);
yAxis.LabelSettings.Location = AxisLabelsLocation.OutsideRight;
yAxis.LabelSettings.Extent = 40;
yAxis.LabelSettings.Angle = -30;

Visual Basic の場合:

Dim yAxis As New NumericYAxis()
Dim xAxis As New CategoryXAxis()
xAxis.Label = "Date"

xAxis.LabelSettings As New AxisLabelSettings()
xAxis.LabelSettings.Foreground = New SolidColorBrush(Colors.Green)
xAxis.LabelSettings.Location = AxisLabelsLocation.OutsideBottom
xAxis.LabelSettings.Extent = 40
xAxis.LabelSettings.Angle = 45

yAxis.LabelSettings As New AxisLabelSettings()
yAxis.LabelSettings.Foreground = New SolidColorBrush(Colors.Red)
yAxis.LabelSettings.Location = AxisLabelsLocation.OutsideRight
yAxis.LabelSettings.Extent = 40
yAxis.LabelSettings.Angle = -30

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

xamDataChart Axis Label Settings 01.png

以前の AxisLabelSettings を解除するには、Axis が以前にクリアして再追加されても、新しい AxisLabelSettings を追加する必要があります。