複数の軸

チャートに第 1 X 軸と第 1 Y 軸が含まれているが、軸を追加しないと要件を満たせないことがあります。たとえば、同じチャートに値の範囲がまったく異なる系列をプロットする場合です。また、1 つのチャートに（異なるタイプの）まったく異なる値をプロットする場合もあります。このような場合、2 つの軸だけではデータを効率よく表示できません。そのような場合は、第 2 軸を使用すると便利です。第 2 軸を使用するには、それぞれ独自の X 軸と Y 軸を使用して 1 つのチャートに複数の系列をプロットできます。

FlexChart では、複数の軸を簡単に使用できます。要件に応じて追加の軸を作成し、系列の AxisX プロパティと AxisY プロパティに同様に連結するだけです。

次のコードスニペットは、FlexChart で複数の軸を作成して使用する方法を示します。

XAML

XAML

<c1:C1FlexChart x:Name="flexChart" ItemsSource="{Binding DataContext.Data}" BindingX="Time"
                     Grid.Row="1">
    <c1:Series x:Name="precSeries" SeriesName="降水" Binding="Precipitation">
        <c1:Series.AxisY>
            <c1:Axis Position="Right" Min="0" Max="100" Title="降水 (mm)" MajorGrid="False"/>
        </c1:Series.AxisY>
    </c1:Series>
    <c1:Series x:Name="avgSeries" SeriesName="温度" ChartType="LineSymbols" Binding="Temperature"/>
    <c1:C1FlexChart.AxisY>
        <c1:Axis Title="温度 (C)" Min="0" MajorGrid="True" AxisLine="False" Position="Left" MajorTickMarks="None"></c1:Axis>
    </c1:C1FlexChart.AxisY>
</c1:C1FlexChart>