SparkAreaSeries

Updated over 6 months ago

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

Figure 1: 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.