バージョン

軸方向の構成

デフォルトでは、XamDataChart コントロールは、チャートの左から右側に XAxis を描画し、チャートの下から上に YAxis を常に描画します。ただし、Axis オブジェクトの IsInverted プロパティを使用して、個別の軸の描画を反転することによって、これを変更するオプションがあります。軸を反転する場合、軸を使用するシリーズも反転されます。軸を反転する設定のみが表示されることに注意してください。

以下のコード例は、データ チャート コントロールで XAxis および YAxis 方向のすべての可能な組み合わせを示します。

XAML の場合:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="0.5*"/>
        <RowDefinition Height="0.5*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions >
        <ColumnDefinition Width="0.5*"/>
        <ColumnDefinition Width="0.5*"/>
    </Grid.ColumnDefinitions>
    <ig:XamDataChart x:Name="DataChart1" Grid.Row="0" Grid.Column="0" >
    <!--注: 反転 X-Axis  -->
        <ig:XamDataChart.Axes>
            <ig:CategoryXAxis x:Name="xAxis1" IsInverted="True" />
            <ig:NumericYAxis x:Name="yAxis1" IsInverted=" />
        </ig:XamDataChart.Axes>
    </ig:XamDataChart>
    <ig:XamDataChart x:Name="DataChart2" Grid.Row="0" Grid.Column="1" >
    <!--注: 反転 Axes なし -->
        <ig:XamDataChart.Axes>
            <ig:CategoryXAxis x:Name="xAxis2" IsInverted="  />
            <ig:NumericYAxis x:Name="yAxis2" IsInverted=" />
        </ig:XamDataChart.Axes>
    </ig:XamDataChart>
    <ig:XamDataChart x:Name="DataChart3" Grid.Row="1" Grid.Column="0">
    <!--注: 両軸の反転  -->
        <ig:XamDataChart.Axes>
            <ig:CategoryXAxis x:Name="xAxis3" IsInverted="True" />
            <ig:NumericYAxis x:Name="yAxis3" IsInverted="True" />
        </ig:XamDataChart.Axes>
    </ig:XamDataChart>
    <ig:XamDataChart x:Name="DataChart4" Grid.Row="1" Grid.Column="1">
    <!--注: 反転 Y-Axis  -->
         <ig:XamDataChart.Axes>
            <ig:CategoryXAxis x:Name="xAxis4" IsInverted=" />
            <ig:NumericYAxis x:Name="yAxis4" IsInverted="True" />
        </ig:XamDataChart.Axes>
     </ig:XamDataChart>
</Grid>

C# の場合:

var xAxis1 = new CategoryXAxis();
var yAxis1 = new NumericYAxis();
var xAxis2 = new CategoryXAxis();
var yAxis2 = new NumericYAxis();
var xAxis3 = new CategoryXAxis();
var yAxis3 = new NumericYAxis();
var xAxis4 = new CategoryXAxis();
var yAxis4 = new NumericYAxis();
xAxis1.IsInverted = true;
yAxis1.IsInverted = false;
xAxis2.IsInverted = false;
yAxis2.IsInverted = false;
xAxis3.IsInverted = true;
yAxis3.IsInverted = true;
xAxis4.IsInverted = false;
yAxis4.IsInverted = true;

Visual Basic の場合:

Dim xAxis1 As New CategoryXAxis()
Dim yAxis1 As New NumericYAxis()
Dim xAxis2 As New CategoryXAxis()
Dim yAxis2 As New NumericYAxis()
Dim xAxis3 As New CategoryXAxis()
Dim yAxis3 As New NumericYAxis()
Dim xAxis4 As New CategoryXAxis()
Dim yAxis4 As New NumericYAxis()
xAxis1.IsInverted = true
yAxis1.IsInverted = false
xAxis2.IsInverted = false
yAxis2.IsInverted = false
xAxis3.IsInverted = true
yAxis3.IsInverted = true
xAxis4.IsInverted = false
yAxis4.IsInverted = true

以下の画像は、反転なしの軸から反転した X 軸と Y 軸を含む、さまざまな反転軸の組み合わせで 4 つの XamDataChart コントロールで同じデータ シリーズを示します。

xamDataChart Axis Orientation 01.png