blazor-devexpress-dot-blazor-81fbcf3a.md
Lists sparkline series types.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
public enum SparklineType
| 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.
|
|
The following properties accept/return SparklineType values:
Use the Type property to define the sparkline type. The following code snippet renders a bar series:
<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();
}
}
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 additional information, refer to the Series section in the DxSparkline class description.
See Also