DxSparkline.MaxValue Property

Specifies the component’s maximum value.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[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
DataSource

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();
    }
}

csharp

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;
    }
}