バージョン

軸方向の構成

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

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

In XAML:

<Grid>
    <ig:XamDataChart>
        <!--NOTE: Inverted X-Axis  -->
        <ig:XamDataChart.Axes>
            <ig:CategoryXAxis IsInverted="True" />
            <ig:NumericYAxis IsInverted="False" />
        </ig:XamDataChart.Axes>
    </ig:XamDataChart>
    <ig:XamDataChart>
        <!--NOTE: No Inverted Axes  -->
        <ig:XamDataChart.Axes>
            <ig:CategoryXAxis IsInverted="False" />
            <ig:NumericYAxis IsInverted="False" />
        </ig:XamDataChart.Axes>
    </ig:XamDataChart>
    <ig:XamDataChart>
        <!--NOTE: Inverted Both Axes  -->
        <ig:XamDataChart.Axes>
            <ig:CategoryXAxis IsInverted="True" />
            <ig:NumericYAxis IsInverted="True" />
        </ig:XamDataChart.Axes>
    </ig:XamDataChart>
    <ig:XamDataChart>
        <!--NOTE: Inverted Y-Axis  -->
        <ig:XamDataChart.Axes>
            <ig:CategoryXAxis IsInverted="False" />
            <ig:NumericYAxis IsInverted="True" />
        </ig:XamDataChart.Axes>
    </ig:XamDataChart>
</Grid>

C# の場合:

var xAxis1 = new CategoryXAxis();
xAxis1.IsInverted = true;

var yAxis1 = new NumericYAxis();
yAxis1.IsInverted = false;

var xAxis2 = new CategoryXAxis();
xAxis2.IsInverted = false;

var yAxis2 = new NumericYAxis();
yAxis2.IsInverted = false;

var xAxis3 = new CategoryXAxis();
xAxis3.IsInverted = true;

var yAxis3 = new NumericYAxis();
yAxis3.IsInverted = true;

var xAxis4 = new CategoryXAxis();
xAxis4.IsInverted = false;

var yAxis4 = new NumericYAxis();
yAxis4.IsInverted = true;

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

xamDataChart Axis Orientation 01.png