New to Telerik UI for WinForms? Download free 30-day trial

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

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;
}

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

Figure 1: SparkAreaSeries

WinForms RadSparkline SparkAreaSeries

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.
In this article