DxSparkline.BreakOnEmptyPoints Property

Specifies whether the series should break on points with null values.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
Boolean	false	true to break the series on null points; otherwise, false.

Remarks

Set the BreakOnEmptyPoints property to true to display breaks in series where arguments correspond to null values. If you keep this property’s default value, the series excludes null points and no breaks appear on the graph.

The following code snippet adds breaks for null values:

Razor

<DxSparkline Data="@DataSource"
             ArgumentFieldName="Month"
             ValueFieldName="VisitorCount"
             BreakOnEmptyPoints="true"
             Height="50px"
             Width="200px">
</DxSparkline>

@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, null),
            new SparklineDataPoint( 04, 2152),
            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;
    }
}