DxSparkline.MaxColor Property

Specifies the color for a series point with the maximum value. Applies if the ShowMinMax property is enabled.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue("#e55253")]
[Parameter]
public string MaxColor { get; set; }

Property Value

Type	Default	Description
String	"#e55253"	The point color.

Remarks

The MaxColor property accepts the following formats:

• Longhand and shorthand hexadecimal color values: #ffff00, #ff0.
• RGB and RGBA color codes: rgb(255, 0, 0), rgba(0, 230, 0, 0.3).
• HTML color name (case-insensitive): red, DarkGreen.

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

Note

For Bar and WinLoss series types, MaxColor and MinColor properties apply to entire points (bars). For other series types, these properties apply to point borders only. To specify the inner color for such points, use the PointColor property.

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