DxSparkline.MaxValue Property

Specifies the component’s maximum value.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public double MaxValue { get; set; }

Property Value

Type	Description
Double	The component’s maximum value.

Remarks

The Sparkline component displays values obtained from data source fields where minimum and maximum series values match minimum and maximum visible values. These values define the sparkline scale range. MinValue and MaxValue properties allow you to adjust the visible scale range. You can specify MinValue and MaxValue properties in any combination.

The following code snippet explicitly sets the range of visible values and renders a line series based on the range:

Razor

<DxSparkline Data="@DataSource"
             ArgumentFieldName="Month"
             ValueFieldName="VisitorCount"
             MinValue="2000"
             MaxValue="2150"
             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, 2132),
            new SparklineDataPoint( 02, 2103),
            new SparklineDataPoint( 03, 2210),
            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;
    }
}