# SparkAreaSeries

As a derivative of Categorical series, SparkAreaSeries plot their data points using **CategoricalSparkDataPoints**. Once positioned on a plane the points are connected to form a line. Further, the area enclosed by this line and the categorical axis is filled. Below is a sample snippet that demonstrates how to set up **SparkAreaSeries**:

#### Create SparkAreaSeries

```C#
public void CreateAreaSeries()
{
    var areaSeries = new SparkAreaSeries();
    areaSeries.DataPoints.Add(new CategoricalSparkDataPoint(13));
    areaSeries.DataPoints.Add(new CategoricalSparkDataPoint(20));
    areaSeries.DataPoints.Add(new CategoricalSparkDataPoint(15));
    areaSeries.DataPoints.Add(new CategoricalSparkDataPoint(5));
    areaSeries.DataPoints.Add(new CategoricalSparkDataPoint(29));
    areaSeries.DataPoints.Add(new CategoricalSparkDataPoint(8));
    areaSeries.DataPoints.Add(new CategoricalSparkDataPoint(22));

    areaSeries.ShowHighPointIndicator = true;
    areaSeries.ShowLowPointIndicator = true;
    areaSeries.HighPointShape = new StarShape(5, 3);

    this.radSparkline1.Series = areaSeries;
}

```

```VB.NET
Public Sub CreateAreaSeries()
    Dim areaSeries = New SparkAreaSeries()
    areaSeries.DataPoints.Add(New CategoricalSparkDataPoint(13))
    areaSeries.DataPoints.Add(New CategoricalSparkDataPoint(20))
    areaSeries.DataPoints.Add(New CategoricalSparkDataPoint(15))
    areaSeries.DataPoints.Add(New CategoricalSparkDataPoint(5))
    areaSeries.DataPoints.Add(New CategoricalSparkDataPoint(29))
    areaSeries.DataPoints.Add(New CategoricalSparkDataPoint(8))
    areaSeries.DataPoints.Add(New CategoricalSparkDataPoint(22))

    areaSeries.ShowHighPointIndicator = True
    areaSeries.ShowLowPointIndicator = True
    areaSeries.HighPointShape = New StarShape(5, 3)

    Me.radSparkline1.Series = areaSeries
End Sub

```

> caption Figure 1: SparkAreaSeries

![WinForms RadSparkline SparkAreaSeries](https://www.telerik.com/products/winforms/documentation/assets/a8065ef4ecf652ded8f1e3816bd01f6c/sparkareaseries001.png)

The essential properties of SparkAreaSeries coincide with these of SparkLineSeries:

| **Property**           | **Description**                                                                      |
| ---------------------- | ------------------------------------------------------------------------------------ |
| **MarkerSize**         | Gets or sets the size of the points of the series.                                   |
| **MarkerShape**        | Gets or sets the shape of the points of the series.                                  |
| **HighPointSize**      | Gets or sets the size of the high point of the series.                               |
| **HighPointShape**     | Gets or sets the shape of the low point of the series.                               |
| **LowPointSize**       | Gets or sets the size of the low point of the series.                                |
| **LowPointShape**      | Gets or sets the shape of the low point of the series.                               |
| **FirstPointSize**     | Gets or sets the size of the first point of the series.                              |
| **FirstPointShape**    | Gets or sets the shape of the first point of the series.                             |
| **LastPointSize**      | Gets or sets the size of the last of the series.                                     |
| **LastPointShape**     | Gets or sets the shape of the last point of the series.                              |
| **NegativePointSize**  | Gets or sets the size of the negative points of the series.                          |
| **NegativePointShape** | Gets or sets the shape of the negative points of the series.                         |
| **BaselineValue**      | Gets or sets the value of the base line splitting the area into top and bottom half. |