DxSparkline.ShowMinMax Property

Specifies whether the component highlights points with minimum and maximum values.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(false)]
[Parameter]
public bool ShowMinMax { get; set; }

Property Value

Type	Default	Description
Boolean	false	true to highlight points with minimum and maximum values; otherwise, false.

Remarks

Enable the ShowMinMax property to highlight series points that indicate minimum and maximum values. Use MinColor and MaxColor properties to specify colors for such points.

The following code snippet highlights points with minimum and maximum values:

Razor

<DxSparkline Data="@DataSource"
             Type="SparklineType.Area"
             ArgumentFieldName="Month"
             ValueFieldName="VisitorCount"
             ShowMinMax="true"
             MinColor="#dbe317"
             MaxColor="#fc03a1"
             Height="10%"
             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;
    }
}