面グラフは、一定期間のデータの変化を表します。Y 軸のデータポイント間を接続し、系列と X 軸の間の領域を埋めることで、データ系列を表現します。さらに、データ系列は、追加されたときと同じ順番で背面から前面に表示されます。

面グラフを作成するには、プロパティウィンドウまたは XAML で ChartType プロパティを Area に設定します。または、プログラムで設定することもできます。

さらに、Stacking プロパティを Stacked または Stacked100pc に設定して、積層面グラフを作成することもできます。

面グラフ

次のコードは、このシナリオの実装です。

XAML
コード

<c1:C1FlexChart x:Name="flexChart" 
                BindingX="Country" 
                ItemsSource="{Binding DataContext.Data}" 
                ChartType="Area" 
                Margin="0,0,74,0">
    <c1:C1FlexChart.Series>
        <c1:Series SeriesName="販売" 
                   Binding="Sales"/>
        <c1:Series SeriesName="経費" 
                   Binding="Expenses"/>
    </c1:C1FlexChart.Series>
</c1:C1FlexChart>

C#	コードのコピー
flexChart.ChartType = C1.Chart.ChartType.Area;