バージョン

軸交差の構成

XamDataChart™ コントロールで、 CategoryXAxis オブジェクトの CrossingAxis プロパティと CrossingValue プロパティを使用して、XAxis が YAxis と交差する場所を変更できます。ElementName 属性を使用して CrossingAxis プロパティを NumericYAxis にバインドする必要がありますが、 XAxis を YAxis に交差させたい値に CrossingValue を設定する必要があります。YAxis が XAxis と交差する場所を変更するために、以下を NumericYAxis オブジェクトの CrossingAxis プロパティと CrossingValue プロパティに適用できます。

以下のコード例は、データ チャート コントロールで CategoryXAxis と NumericYAxis の軸交差値を設定する方法を示します。

XAML の場合:

<ig:CategoryXAxis x:Name="xAxis"
                  StrokeThickness="5"
                  Stroke="Red"
                  CrossingValue="20"
                  LabelLocation="InsideBottom"
                  CrossingAxis="{x:Reference yAxis}"
                  ItemsSource="{StaticResource DataSource}"
                  Label="Label">
</ig:CategoryXAxis>
<ig:NumericYAxis x:Name="yAxis"
                 StrokeThickness="5"
                 Stroke="Green"
                 CrossingValue="100"
                 LabelLocation="InsideLeft"
                 CrossingAxis="{x:Reference xAxis}">
</ig:NumericYAxis>

C# の場合:

var yAxis = new NumericYAxis()
{
    StrokeThickness = 5,
    Stroke = new SolidColorBrush(Color.Green),
    CrossingValue = 100,
    LabelLocation = AxisLabelsLocation.InsideLeft
};
var xAxis = new CategoryXAxis()
{
    StrokeThickness = 5,
    Stroke = new SolidColorBrush(Color.Red),
    ItemsSource = data,
    Label = "Label",
    CrossingValue = 20,
    LabelLocation = AxisLabelsLocation.InsideBottom
};
xAxis.CrossingAxis = yAxis;
yAxis.CrossingAxis = xAxis;

以下の画像は、XamDataChart コントロールが CategoryXAxis および NumericYAxis の軸交差値でどのように見えるかを示しています。

xamDataChart Axis Crossing 01.png