blazor-devexpress-dot-blazor-dot-dxsparkline-5922c3e9.md
Specifies the component height.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
[Parameter]
public string Height { get; set; }
| Type | Description |
|---|---|
| String |
The height in CSS units.
|
Use Height and Width properties to specify the size of the DxSparkline component.
<DxSparkline Data="@DataSource"
Type="SparklineType.Bar"
ArgumentFieldName="Month"
ValueFieldName="VisitorCount"
Height="10%"
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;
}
}
See Also