# Series

Learn how you can customize charts with several types of series such as Y, XY, XYZ, Pie, Radar, Sunburst, and Treemap. Learn more in documentation.

## Content

A series is a collection of data points that are displayed in the plot area. There are several general types of series: Y, XY, XYZ, Pie, Polar, Radar, Sunburst, and Treemap. These types of series correspond to the main types of plot areas. Each main type of series may have additional subtypes of series (such as area, line, or point).
Area, Line, and Point series can have drop lines. Drop lines extend from the data point down to the series origin or category axis. This can be used to highlight the x value of the point.
When a chart has multiple legends, a series can be assigned to a specific legend using the legend's ID. Many of the series have properties (for example, border or fill effect) that can be assigned to both a series and a point. If the property is set for both the series and the point then the point setting overrides the series setting. If the property is unset for both the series and the point then the chart view will provide a default setting.
See the following for more information:

* [AreaSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.AreaSeries.html)
* [BarSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.BarSeries.html)
* [FunnelSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.FunnelSeries.html)
* [HighLowAreaSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.HighLowAreaSeries.html)
* [HighLowBarSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.HighLowBarSeries.html)
* [HighLowCloseSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.HighLowCloseSeries.html)
* [HistogramSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.HistogramSeries.html)
* [LineSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.LineSeries.html)
* [ParetoSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.ParetoSeries.html)
* [PieSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.PieSeries.html)
* [PointSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.PointSeries.html)
* [PolarSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.PolarSeries.html)
* [RadarSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.RadarSeries.html)
* [SunburstSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.SunburstSeries.html)
* [TreemapSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.TreemapSeries.html)
* [WaterfallSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.WaterfallSeries.html)
* [XYSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.XYSeries.html)
* [XYZSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.XYZSeries.html)
* [YSeries](/spreadnet/api/latest/online-asp/FarPoint.Web.Chart/FarPoint.Web.Chart.YSeries.html)

## Using Code

Add values to the chart with a bar series.

## Example

The following example adds a series to a plot area.

```csharp
BarSeries series = new BarSeries();
series.SeriesName = "Series 0";
series.Values.Add(2.0);
series.Values.Add(4.0);
series.Values.Add(3.0);
series.Values.Add(5.0);
YPlotArea plotArea = new YPlotArea();
plotArea.Location = new PointF(0.2f, 0.2f);
plotArea.Size = new SizeF(0.6f, 0.6f);
plotArea.Series.Add(series);
```

```vbnet
Dim series As New FarPoint.Web.Chart.BarSeries()
series.SeriesName = "Series 0"
series.Values.Add(2.0)
series.Values.Add(4.0)
series.Values.Add(3.0)
series.Values.Add(5.0)
Dim plotArea As New FarPoint.Web.Chart.YPlotArea()
plotArea.Location = New PointF(0.2F, 0.2F)
plotArea.Size = New SizeF(0.6F, 0.6F)
plotArea.Series.Add(series)
```

## Using the Chart Designer

1. Select the **PlotArea Collection** editor.
2. Select the **Series Collection** editor.
3. Set properties as needed.
4. Select **Apply** and **OK** to close the Chart Designer.