DxSparkline.ShowMinMax Property

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

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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

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

csharp

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