ComponentOne FlexChart for WPF
FlexChart / Understanding FlexChart / FlexChart Types / Area
In This Topic
    Area
    In This Topic

    The Area Chart depicts change in data over a period of time. It represents data series by connecting data points against Y-axis and filling the area between the series and X-axis. In addition, the chart displays data series in the same order in which they are added—back-to-front.

    To create the Area Chart, you can set the ChartType property to Area in the Properties window or in XAML. Or you can also set the same programmatically.

    In addition, you can set the Stacking property to Stacked or Stacked100pc to create the stacking Area Chart.

    Area Chart

     

    The following code implements the above-mentioned scenario:

    <c1:C1FlexChart x:Name="flexChart" 
                    BindingX="Country" 
                    ItemsSource="{Binding DataContext.Data}" 
                    ChartType="Area" 
                    Margin="0,0,74,0">
        <c1:C1FlexChart.Series>
            <c1:Series SeriesName="Sales" 
                       Binding="Sales"/>
            <c1:Series SeriesName="Expenses" 
                       Binding="Expenses"/>
        </c1:C1FlexChart.Series>
    </c1:C1FlexChart>
    
    C#
    Copy Code
    flexChart.ChartType = C1.Chart.ChartType.Area;