$99 VS $1000+. UI Control for ASP.NET AJAX(contains chart and gridview).
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"));

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"));

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 GuideC# WinForms UI DesignVB.NET WinForms UI Design
WinForms UI Controls