Chart Control for C# Windows Forms

Design Bar, Pie, Line, Area, Polar, Radar and Scatter for C# Windows Forms application

Home > WinForms UI Controls > User Manual > Chart Series Area in C#

Series Area of Chart for WinForms C# Tutorial

The Series Types of Chart View is a collection of Chart Series, including Area, SplineArea, Bar, Line, Spline, Scatter point, Combined series. The Chart control provides two primary functions to Chart series. One is a collection used to stand for the specific data and the other is to visualize the data by using a predefined model. The following are the series types that the Chart support, including Bar, Pie, Line, Area, Donut, Scatter, Polar, Stock, Radar, Categorical or Polar.

The Area Series is a derivative of Categorical series and plot data points using category-value couples. When the Area series are positioned on a plane, the points will be connected to form a line. Whatâs more, the area will be filled by the enclosed line and the categorical axis.

How to Set up Area Series

The following is a C# Code snippet that shows how to set up two Area Series:


AreaSeries areaSeries = new AreaSeries();
areaSeries.DataPoints.Add(new CategoricalDataPoint(21, "Feb"));
areaSeries.DataPoints.Add(new CategoricalDataPoint(13, "Mar"));
areaSeries.DataPoints.Add(new CategoricalDataPoint(25, "May"));
areaSeries.DataPoints.Add(new CategoricalDataPoint(31, "Aug"));
this.chart1.Series.Add(areaSeries);

AreaSeries areaSeries2 = new AreaSeries(); 
areaSeries2.DataPoints.Add(new CategoricalDataPoint(21, "Feb"));
areaSeries2.DataPoints.Add(new CategoricalDataPoint(13, "Mar"));
areaSeries2.DataPoints.Add(new CategoricalDataPoint(25, "May"));
areaSeries2.DataPoints.Add(new CategoricalDataPoint(31, "Aug"));
this.chart1.Series.Add(areaSeries2);

Properties of Series Area for Chart

BorderWidth, the property is used for setting the thickness of the lines
PointSize, the property is used for setting the point size
Spline, the property is used for drawing straight lines or smooth curves for the series
SplineTension, the property is used for setting the tension of the spline. The value of Spline should be true when customizing the SplineTension property.
CombineMode, this is a common property used for all categorical series, which introduces a mechanism for combining data points that reside in different series without the same category. The available valid value contains None, Cluster, Stack and Stack100.
None, a value of the CombineMode, used for plotting the series independent from each other
Cluster, a value of the CombineMode, used for displaying data points in the same category
Stack, a value of the CombineMode, used for plotting plots the points on top of each other
Stack100, a value of the CombineMode, used for displaying the percentage value

UI Controlsfor Windows Forms

.NET WinForms UI Overview .NET WinForms UI Features .NET WinForms UI Guide C# WinForms UI Design VB.NET WinForms UI Design

WinForms UI Controls