SparklineType Enum

Lists sparkline series types.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public enum SparklineType

Members

Name	Description	Image
Line	A line series.
Spline	A spline series.
StepLine	A step line series.
Area	An area series.
SplineArea	A spline area series.
StepArea	A step area series.
Bar	A bar series.
WinLoss	A win-loss series.

Related API Members

The following properties accept/return SparklineType values:

• DxSparkline.Type

Remarks

Use the Type property to define the sparkline type. The following code snippet renders a bar series:

Razor

<DxSparkline Data="@DataSource"
             Type="SparklineType.Bar"
             ArgumentFieldName="Month"
             ValueFieldName="VisitorCount"
             Height="50px"
             Width="200px" />

@code {
    IEnumerable<SparklineDataPoint> DataSource = Enumerable.Empty<SparklineDataPoint>();
    protected override void OnInitialized() {
        DataSource = GenerateData();
    }
}

DataSource

public List<SparklineDataPoint> GenerateData() {
    return new List<SparklineDataPoint>() {
        new SparklineDataPoint( 01, 2210),
        new SparklineDataPoint( 02, 2103),
        new SparklineDataPoint( 03, 2132),
        new SparklineDataPoint( 04, 2000),
        new SparklineDataPoint( 05, -2062),
        new SparklineDataPoint( 06, 1954),
        new SparklineDataPoint( 07, 2112),
        new SparklineDataPoint( 08, 1967),
        new SparklineDataPoint( 09, -2009),
        new SparklineDataPoint( 10, 2087),
        new SparklineDataPoint( 11, 2112),
        new SparklineDataPoint( 12, 2038),
    };
}
public class SparklineDataPoint {
    public int Month { get; set; }
    public int VisitorCount { get; set; }
    public SparklineDataPoint(int month, int visitorCount) {
        Month = month;
        VisitorCount = visitorCount;
    }
}

For more information, refer to the Series section in the DxSparkline class description.