Class AccumulationChartEmptyPointSettings

Gets and sets configurarion of empty point settings for the chart.

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
SfBaseComponent
AccumulationChartEmptyPointSettings
Implements
Inherited Members
Namespace: Syncfusion.Blazor.Charts
Assembly: Syncfusion.Blazor.dll
Syntax
public class AccumulationChartEmptyPointSettings : SfBaseComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Constructors

AccumulationChartEmptyPointSettings()

Declaration
public AccumulationChartEmptyPointSettings()

Properties

Border

Gets or sets the options to customize the border of empty points in the Accumulation Chart.

Declaration
[Parameter]
public AccumulationChartEmptyPointBorder Border { get; set; }
Property Value
Type Description
AccumulationChartEmptyPointBorder

Accepts an instance of the AccumulationChartEmptyPointBorder class. The default value is a new instance of the AccumulationChartEmptyPointBorder class.
Remarks

Use this property to customize the border of empty points in the Accumulation Chart.

Examples
// The following example demonstrates how to set the border of an empty point:
<SfAccumulationChart>
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users">
            <AccumulationChartEmptyPointSettings Mode="EmptyPointMode.Average">
                <AccumulationChartEmptyPointBorder Color="red" Width="2"></AccumulationChartEmptyPointBorder>
            </AccumulationChartEmptyPointSettings>
        </AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Fill

Gets or sets the fill color for the rendered empty points in the Accumulation Chart series.

Declaration
[Parameter]
public string Fill { get; set; }
Property Value
Type Description
string

Accepts valid CSS color string values, including hexadecimal, rgba, and color names. The default value is null.
Remarks

Use the Fill property to specify the fill color for empty points in the Accumulation Chart series.

Examples
// The following example demonstrates how to set the fill color of empty points to a specific color:
<SfAccumulationChart>
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users">
            <AccumulationChartEmptyPointSettings Mode="EmptyPointMode.Average" Fill="#c0faf4"></AccumulationChartEmptyPointSettings>
        </AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Mode

Gets or sets the mode for handling empty points in the Accumulation Chart series.

Declaration
[Parameter]
public EmptyPointMode Mode { get; set; }
Property Value
Type Description
EmptyPointMode

A value from the EmptyPointMode enumeration that specifies how empty points are managed. Options include:

  • Gap: Leaves a gap for empty points.
  • Zero: Renders empty points as zero.
  • Average: Uses the average of adjacent points for empty points.
  • Drop: Drops empty points from the chart. The default value is Zero.
Remarks

Use the Mode property to control how empty points are rendered. Data points with NaN or null values are treated as empty points.

Examples
// The following example demonstrates how to set the empty point mode to <c>Average</c>:
<SfAccumulationChart>
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users">
            <AccumulationChartEmptyPointSettings Mode="EmptyPointMode.Average"></AccumulationChartEmptyPointSettings>
        </AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>
@code {
public class Statistics
{
    public string Browser { get; set; }
    public double? Users { get; set; }
    public string Text { get; set; }
}

public List<Statistics> StatisticsDetails = new List<Statistics> {
    new Statistics { Browser = "Chrome", Users = 37 },
    new Statistics { Browser = "UC Browser", Users = null },
    new Statistics { Browser = "iPhone", Users = 19 },
    new Statistics { Browser = "Others", Users = 27 }
 };
}

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Type Name Description
RenderTreeBuilder __builder
Overrides

Implements