# Area Charts

## Content



An Area chart draws each series as connected points of data, filled below the points. Each series is drawn on top of the preceding series. The series can be drawn independently or stacked. Using the [LineStyle](/componentone/api/win/online-chart2d/dotnet-framework-api/C1.Win.C1Chart.4.8/C1.Win.C1Chart.ChartDataSeries.LineStyle.html), the fill properties of each series can be customized. For more information, see [Line and Symbol Styles for the Series](/componentone/docs/win/online-chart2d/customizingchartelem/lineandsymbolstylesf).

<br />

![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image9_34.png)

<br />

Use the ChartGroup object's [Stacked](/componentone/api/win/online-chart2d/dotnet-framework-api/C1.Win.C1Chart.4.8/C1.Win.C1Chart.ChartGroup.Stacked.html) property to create a stacking Area chart. Stacking charts represent the data by stacking the values for each series on top of the values from the previous series.

<br />

![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image9_35.png)

<br />

### To set the chart type to Area at design time

*   Expand the ChartGroups node in the Properties window. Open the **ChartGroups Collection Editor** by clicking the **ellipsis** button. In the right pane of the editor, set the [ChartType](/componentone/api/win/online-chart2d/dotnet-framework-api/C1.Win.C1Chart.4.8/C1.Win.C1Chart.ChartGroup.ChartType.html) property to **Area**.
*   An alternate method to change chart type is to right-click the existing chart and select **Chart Properties**. From the Gallery, select Chart type as **Area**.
*   Another alternate method is to select **Chart Properties**, from the Properties pane. From the **Gallery**, select Chart type as **Area**.

## See Also

[Area Chart Programming Considerations](/componentone/docs/win/online-chart2d/specific2dcharts/areacharts/areachartprogramming)

[Area Chart 3D Effects](/componentone/docs/win/online-chart2d/specific2dcharts/areacharts/areachart3deffects)