Class SfAccumulationChart

The accumulation chart control is used to visualize the data in the different types of graphical representations with built-in features like Grouping, legends, tooltip, and more.

Inheritance

System.Object

SfBaseComponent

SfDataBoundComponent

SfAccumulationChart

Inherited Members

SfBaseComponent.Dispose()

SfBaseComponent.Dispose(Boolean)

SfBaseComponent.GetEffectivePlatform()

SfBaseComponent.GetMainComponentPlatform()

SfBaseComponent.IsMainLicenseComponent()

SfBaseComponent.LicenseContext

SfBaseComponent.OnObservableChange(String, Object, Boolean, NotifyCollectionChangedEventArgs)

SfBaseComponent.ValidateLicense()

SfDataBoundComponent.DataManager

SfDataBoundComponent.MainParent

SfDataBoundComponent.OnAfterRenderAsync(Boolean)

SfDataBoundComponent.OnInitializedAsync()

SfDataBoundComponent.OnParametersSetAsync()

SfDataBoundComponent.SetDataManager<T>(Object)

Namespace: Syncfusion.Blazor.Charts

Assembly: Syncfusion.Blazor.dll

Syntax

public class SfAccumulationChart : SfDataBoundComponent, IAccumulationChart

Constructors

SfAccumulationChart()

Declaration

public SfAccumulationChart()

Properties

AccumulationChartEvents

Declaration

public AccumulationChartEvents AccumulationChartEvents { get; set; }

Property Value

Type
AccumulationChartEvents

Annotations

Declaration

public List<AccumulationChartAnnotation> Annotations { get; set; }

Property Value

Type
System.Collections.Generic.List<AccumulationChartAnnotation>

Background

Gets or sets the background color of the SfAccumulationChart.

Declaration

public string Background { get; set; }

Property Value

Type	Description
System.String	A string value specifying the background color of the SfAccumulationChart. The default background color is determined by the SfAccumulationChart's theme. By default, the theme is set to Bootstrap4 with a background color of #FFFFFF.

Remarks

The value can be specified in hex, rgba format, or any valid CSS color string conventions.

Examples

// The following code snippet demonstrates how to set the background color of an accumulation chart:
<SfAccumulationChart Background="#b2ebf9">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

BackgroundImage

Gets and sets the background image for the SfAccumulationChart.

Declaration

public string BackgroundImage { get; set; }

Property Value

Type	Description
System.String	A string representing the URL or path to the background image. The default value is empty.

Remarks

The BackgroundImage property allows you to set a custom background image for the SfAccumulationChart. Specify the URL or path to the image file to be used as the background.

Examples

// The following code snippet demonstrates how to set a background image for an accumulation chart:
<SfAccumulationChart BackgroundImage="https://ej2.syncfusion.com/react/demos/src/image-editor/images/bridge.png">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Border

Gets or sets the AccumulationChartBorder instance that specifies the border style of the SfAccumulationChart.

Declaration

public AccumulationChartBorder Border { get; set; }

Property Value

Type	Description
AccumulationChartBorder	The default value is a new instance of AccumulationChartBorder.

Remarks

The border style of the chart can be customized using this AccumulationChartBorder instance, allowing you to define the color, width, and style of the border.

Center

Gets or sets the AccumulationChartCenter instance that specifies the center position of the SfAccumulationChart.

Declaration

public AccumulationChartCenter Center { get; set; }

Property Value

Type	Description
AccumulationChartCenter	The default value is a new instance of AccumulationChartCenter.

Remarks

The center position of the chart can be customized using this AccumulationChartCenter instance, allowing you to adjust the X and Y coordinates to shift the chart center.

CustomClass

Defines one or more CSS classes, separated by spaces, to apply to the SfAccumulationChart element.

Declaration

public string CustomClass { get; set; }

Property Value

Type	Description
System.String	Accepts a string value representing one or more CSS classes. The default value is an empty string.

Remarks

The CustomClass property allows you to apply custom styles to the SfAccumulationChart by specifying user-defined CSS classes.

Examples

// The following code snippet demonstrates how to apply custom CSS classes to an accumulation chart:
<SfAccumulationChart CustomClass="myCustomClass anotherClass">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

DataSource

Gets or sets the data source for the SfAccumulationChart.

Declaration

public IEnumerable<object> DataSource { get; set; }

Property Value

Type	Description
System.Collections.Generic.IEnumerable<System.Object>	The data source can be an IEnumerable object, dynamic object, or list of objects. The default value is null.

Remarks

The DataSource property allows you to bind data to the SfAccumulationChart. You can use an IEnumerable object, dynamic object, or list of objects as the data source. To consume data from a remote service or custom adaptor, use the SfDataManager.

Examples

// The following code snippet demonstrates how to bind a data source to an accumulation chart:
<SfAccumulationChart DataSource="@StatisticsDetails">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>
@code {
    public class Statistics
    {
        public string Browser { get; set; }
        public double? Users { get; set; }
    }

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

DataSourceChanged

Triggers when dataSource for the chart changed.

Declaration

public EventCallback<object> DataSourceChanged { get; set; }

Property Value

Type
Microsoft.AspNetCore.Components.EventCallback<System.Object>

EnableAdaptiveRendering

Gets or sets a value indicating whether adaptive rendering is enabled for the SfAccumulationChart component.

Declaration

public bool EnableAdaptiveRendering { get; set; }

Property Value

Type	Description
System.Boolean	A boolean value that enables or disables adaptive rendering for the SfAccumulationChart component. The default value is false.

Remarks

When adaptive rendering is enabled, the chart renders with optimized elements based on the device resolution. This setting may override existing chart element properties such as titles, data labels, and legends. For example, when the screen size is 300x300, data labels may move inside, and the legend position may adjust to fit the screen size, among other changes.

Examples

// The following code snippet demonstrates how to enable RTL direction in an accumulation chart:
<SfAccumulationChart Width="40%" Height="50%" EnableAdaptiveRendering="true">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

EnableAnimation

Enables or disables animation for the SfAccumulationChart.

Declaration

public bool EnableAnimation { get; set; }

Property Value

Type	Description
System.Boolean	true if animation is enabled; otherwise, false. The default value is true.

Remarks

The EnableAnimation property is used to control the animation behavior of the chart.

Examples

// The following code snippet demonstrates how to disable animation in an accumulation chart:
<SfAccumulationChart EnableAnimation="false">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

EnableBorderOnMouseMove

Enables or disables the border in the pie chart when moving the mouse over a chart element.

Declaration

public bool EnableBorderOnMouseMove { get; set; }

Property Value

Type	Description
System.Boolean	true if the border should be displayed on mouse movement over the chart; otherwise, false. The default value is true.

Remarks

When enabled, a border appears around the pie slices as the mouse pointer moves over them, helping to highlight and focus attention on specific data points.

Examples

// The following code snippet demonstrates how to disable the border on mouse move in a pie chart:
<SfAccumulationChart EnableBorderOnMouseMove="false">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

EnableGroupingSeparator

Specifies whether a grouping separator should be used in the numeric values displayed in the SfAccumulationChart.

Declaration

public bool EnableGroupingSeparator { get; set; }

Property Value

Type	Description
System.Boolean	true if the grouping separator should be enabled; otherwise, false. The default value is false.

Remarks

The EnableGroupingSeparator property controls the visibility of the grouping separator in numeric values for data point labels or tooltips within the SfAccumulationChart. Enabling this feature helps in improving the readability of larger numbers by separating groups of digits.

Examples

// The following code snippet demonstrates how to enable the grouping separator for an accumulation chart:
<SfAccumulationChart EnableGroupingSeparator="true">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users">
            <AccumulationDataLabelSettings Visible="true" Format="C"></AccumulationDataLabelSettings>
        </AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

EnableRtl

Gets or sets the right to left direction that defines the text writing and user interface (UI) elements direction in layout.

Declaration

public bool EnableRtl { get; set; }

Property Value

Type	Description
System.Boolean	true, if the right to left direction can be enabled for component. The default value is false.

Remarks

Enabling the EnableRtl property adjusts the text writing direction and the layout of UI elements within the SfAccumulationChart.

Examples

// The following code snippet demonstrates how to enable RTL direction in an accumulation chart:
<SfAccumulationChart EnableRtl="true">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

EnableSmartLabels

Enables or disables the smart label positioning for the points in the SfAccumulationChart.

Declaration

public bool EnableSmartLabels { get; set; }

Property Value

Type	Description
System.Boolean	true if smart labels are enabled to prevent overlapping; otherwise, false. The default value is true.

Remarks

The EnableSmartLabels property prevents label overlapping by automatically positioning them in a non-overlapping manner.

Examples

// The following code snippet demonstrates how to disable smart labels in an accumulation chart with visible data labels:
<SfAccumulationChart EnableSmartLabels="false">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users">
            <AccumulationDataLabelSettings Visible="true"></AccumulationDataLabelSettings>
        </AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Height

Gets or sets the height of the SfAccumulationChart.

Declaration

public string Height { get; set; }

Property Value

Type	Description
System.String	Accepts a string value representing the height. The default value is 100%.

Remarks

You can specify the height as a string in pixels (e.g., '100px') or as a percentage (e.g., '100%'). When set to '100%', the chart will render to the full height of its parent element.

Examples

// The following code snippet demonstrates how to set the height of an accumulation chart:
<SfAccumulationChart Height="400px">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

HighlightColor

Gets or sets the highlight color for the data points in the SfAccumulationChart when the user hovers over them.

Declaration

public string HighlightColor { get; set; }

Property Value

Type	Description
System.String	A string representing the hover color for data points. The default value is null. Accepts valid CSS color string values.

Remarks

Applicable only when a valid HighlightMode is applied.

Examples

// The following code snippet demonstrates how to set the highlight color of an accumulation chart's data points to red:
<SfAccumulationChart HighlightColor="red" HighlightMode="HighlightMode.Point">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"/>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

HighlightMode

Gets or sets the highlight mode of the SfAccumulationChart component.

Declaration

public AccumulationSelectionMode HighlightMode { get; set; }

Property Value

Type	Description
AccumulationSelectionMode	One of the AccumulationSelectionMode enumerations that specifies how the SfAccumulationChart component should highlight elements. Available options include: The default value is None.

Remarks

Set the HighlightMode property to specify how the SfAccumulationChart component should highlight elements when hovered.

Examples

// The following code snippet demonstrates how to set the highlight mode of an accumulation chart to highlight a point:
<SfAccumulationChart Height="400px" HighlightMode="AccumulationSelectionMode.Point">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"/>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

HighlightPattern

Gets or sets the option to customize the pattern style for the highlighted series or points in the SfAccumulationChart based on the HighlightPattern. The available options are:

• None: No pattern will be applied.
• Chessboard: Chessboard pattern will be applied.
• Dots: Dots pattern will be applied.
• DiagonalForward: DiagonalForward pattern will be applied.
• Crosshatch: Crosshatch pattern will be applied.
• Pacman: Pacman pattern will be applied.
• DiagonalBackward: DiagonalBackward pattern will be applied.
• Grid: Grid pattern will be applied.
• Turquoise: Turquoise pattern will be applied.
• Star: Star pattern will be applied.
• Triangle: Triangle pattern will be applied.
• Circle: Circle pattern will be applied.
• Tile: Tile pattern will be applied.
• HorizontalDash: HorizontalDash pattern will be applied.
• VerticalDash: VerticalDash pattern will be applied.
• Rectangle: Rectangle pattern will be applied.
• Box: Box pattern will be applied.
• VerticalStripe: VerticalStripe pattern will be applied.
• HorizontalStripe: HorizontalStripe pattern will be applied.
• Bubble: Bubble pattern will be applied.

Declaration

public SelectionPattern HighlightPattern { get; set; }

Property Value

Type	Description
SelectionPattern	Accepts the SelectionPattern enumeration. The default value is SelectionPattern.None.

Remarks

Use this property to customize the pattern style for highlighted series or points in the SfAccumulationChart.

Examples

// The following code snippet demonstrates how to set the highlight pattern and mode of an accumulation chart:
<SfAccumulationChart Height="400px" HighlightPattern="SelectionPattern.Crosshatch" HighlightMode="HighlightMode.Point">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"/>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

ID

Gets or sets the id attribute for the SfAccumulationChart element.

Declaration

public string ID { get; set; }

Property Value

Type	Description
System.String	Accepts a string value that uniquely identifies the chart element.

Remarks

The ID property allows you to set a unique identifier for the SfAccumulationChart component.

Examples

// The following code snippet demonstrates how to set the ID of an accumulation chart:
<SfAccumulationChart ID="myAccumulationChart">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"></AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

IsMultiSelect

Gets or sets a value indicating whether multi-selection is enabled in the SfAccumulationChart.

Declaration

public bool IsMultiSelect { get; set; }

Property Value

Type	Description
System.Boolean	true if multi-selection is enabled; otherwise, false. The default value is false.

Remarks

This property is applicable only when the SelectionMode is set to AccumulationSelectionMode.Point. Enabling this property allows the selection of multiple data points in the chart.

Examples

// The following code snippet demonstrates how to enable multi-selection in an accumulation chart:
<SfAccumulationChart Height="400px" IsMultiSelect="true" SelectionMode="AccumulationSelectionMode.Point">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"/>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

LegendSettings

Declaration

public AccumulationChartLegendSettings LegendSettings { get; set; }

Property Value

Type
AccumulationChartLegendSettings

Margin

Declaration

public AccumulationChartMargin Margin { get; set; }

Property Value

Type
AccumulationChartMargin

NoDataTemplate

Specifies the template to be displayed when the accumulation chart has no data.

Declaration

public RenderFragment NoDataTemplate { get; set; }

Property Value

Type	Description
Microsoft.AspNetCore.Components.RenderFragment	Accepts a Microsoft.AspNetCore.Components.RenderFragment that allows rendering custom content when the chart has no data.

Remarks

This template allows users to display customized messages, images, or other UI elements in place of an empty accumulation chart. It provides a better user experience by offering context when no data points are available.

Examples

<SfAccumulationChart>
    <NoDataTemplate>
        <div>No data available to display.</div>
    </NoDataTemplate>
    <ChildContent>
        <AccumulationChartSeriesCollection>
        ...
        </AccumulationChartSeriesCollection>
        ...
    </ChildContent>
</SfAccumulationChart>

Query

Gets or sets the query for the SfAccumulationChart to filter the data source.

Declaration

public Query Query { get; set; }

Property Value

Type	Description
Query	Accepts a Query object to filter the data source. The default value is a new instance of Query.

Remarks

This property is applicable only when the DataSource is of type SfDataManager.

SelectedDataIndexes

Declaration

public List<AccumulationChartSelectedDataIndex> SelectedDataIndexes { get; set; }

Property Value

Type
System.Collections.Generic.List<AccumulationChartSelectedDataIndex>

SelectionMode

Gets or sets the selection mode of the SfAccumulationChart.

Declaration

public AccumulationSelectionMode SelectionMode { get; set; }

Property Value

Type	Description
AccumulationSelectionMode	One of the AccumulationSelectionMode enumerations that specifies the selection mode of the SfAccumulationChart. The options include: The default value is None.

Remarks

The None option disables selection in the SfAccumulationChart component.

Examples

// The following code snippet demonstrates how to set the selection mode of an accumulation chart to select a point:
<SfAccumulationChart SelectionMode="AccumulationSelectionMode.Point">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"/>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

SelectionPattern

Gets or sets the option to customize the pattern style for the highlighted series or points in the SfAccumulationChart based on the HighlightPattern. The available options are:

• None: No pattern will be applied.
• Chessboard: Chessboard pattern will be applied.
• Dots: Dots pattern will be applied.
• DiagonalForward: DiagonalForward pattern will be applied.
• Crosshatch: Crosshatch pattern will be applied.
• Pacman: Pacman pattern will be applied.
• DiagonalBackward: DiagonalBackward pattern will be applied.
• Grid: Grid pattern will be applied.
• Turquoise: Turquoise pattern will be applied.
• Star: Star pattern will be applied.
• Triangle: Triangle pattern will be applied.
• Circle: Circle pattern will be applied.
• Tile: Tile pattern will be applied.
• HorizontalDash: HorizontalDash pattern will be applied.
• VerticalDash: VerticalDash pattern will be applied.
• Rectangle: Rectangle pattern will be applied.
• Box: Box pattern will be applied.
• VerticalStripe: VerticalStripe pattern will be applied.
• HorizontalStripe: HorizontalStripe pattern will be applied.
• Bubble: Bubble pattern will be applied.

Declaration

public SelectionPattern SelectionPattern { get; set; }

Property Value

Type	Description
SelectionPattern	Accepts the SelectionPattern enumeration. The default value is SelectionPattern.None.

Remarks

Use this property to customize the pattern style for highlighted series or points in the SfAccumulationChart.

Examples

// The following code snippet demonstrates how to set the highlight pattern and mode of an accumulation chart:
<SfAccumulationChart HighlightPattern="SelectionPattern.Crosshatch" HighlightMode="AccumulationSelectionMode.Point">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"/>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Series

Declaration

public List<AccumulationChartSeries> Series { get; set; }

Property Value

Type
System.Collections.Generic.List<AccumulationChartSeries>

SubTitle

Gets or sets the subtitle of the SfAccumulationChart component.

Declaration

public string SubTitle { get; set; }

Property Value

Type	Description
System.String	A string representing the subtitle of the SfAccumulationChart. The default value is an empty string.

Remarks

This SubTitle property allows you to provide additional information or context to the SfAccumulationChart title. This is only applicable when the Title property is set.

Examples

// The following code snippet demonstrates how to set the subtitle of an accumulation chart:
<SfAccumulationChart Height="400px" Title="User Statistics" SubTitle="Monthly Data for 2023">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Month" YName="Users"/>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

SubTitleStyle

Declaration

public AccumulationChartSubTitleStyle SubTitleStyle { get; set; }

Property Value

Type
AccumulationChartSubTitleStyle

Theme

Gets or sets the theme for the SfAccumulationChart component.

Declaration

public Theme Theme { get; set; }

Property Value

Type	Description
Theme	One of the Theme enumerations that specifies the theme of the SfAccumulationChart component. The default value is Theme.Bootstrap4.

Remarks

SfAccumulationChart element's color and text get modified, such as fill, font size, font family, and font style, which enhances the overall SfAccumulationChart appearance based on the predefined theme applied.

Examples

// The following code snippet demonstrates how to apply a theme to an accumulation chart:
<SfAccumulationChart Title="User Statistics" Theme="Theme.Material">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Month" YName="Users"/>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Title

Gets or sets the title of the SfAccumulationChart component.

Declaration

public string Title { get; set; }

Property Value

Type	Description
System.String	A string representing the title of the SfAccumulationChart. The default value is an empty string.

Remarks

This Title property is used to specify the main title of the SfAccumulationChart.

Examples

// The following code snippet demonstrates how to set the title of an accumulation chart:
<SfAccumulationChart Title="User Statistics">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Month" YName="Users"/>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

TitleStyle

Declaration

public AccumulationChartTitleStyle TitleStyle { get; set; }

Property Value

Type
AccumulationChartTitleStyle

Tooltip

Declaration

public AccumulationChartTooltipSettings Tooltip { get; set; }

Property Value

Type
AccumulationChartTooltipSettings

Width

Gets or sets the width of the SfAccumulationChart.

Declaration

public string Width { get; set; }

Property Value

Type	Description
System.String	Accepts a string value representing the width. The default value is 100%.

Remarks

You can specify the width as a string in pixels (e.g., '100px') or as a percentage (e.g., '100%'). When set to '100%', the chart will render to the full width of its parent element.

Examples

// The following code snippet demonstrates how to set the width of an accumulation chart:
<SfAccumulationChart Width="500px">
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"/>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

Type	Name	Description
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder	__builder

ExportAsync(ExportType, String, Nullable<PdfPageOrientation>, Boolean)

The method is used to perform the export functionality for the Chart.

Declaration

public Task ExportAsync(ExportType type, string fileName, Nullable<PdfPageOrientation> orientation = null, bool allowDownload = true)

Parameters

Type	Name	Description
ExportType	type	Specifies the format of the file to export the circular gauge.
System.String	fileName	Specifies the name of the file for the exported circular gauge.
System.Nullable<Syncfusion.PdfExport.PdfPageOrientation>	orientation	Specifies the orientation of the exported PDF document when the type parameter is PDF.
System.Boolean	allowDownload	Specifies whether the exported file is to be downloaded or not.

Returns

Type
System.Threading.Tasks.Task

PrintAsync(ElementReference)

Handles the print method for accumulation chart control.

Declaration

public Task PrintAsync(ElementReference elementRef = null)

Parameters

Type	Name	Description
Microsoft.AspNetCore.Components.ElementReference	elementRef

Returns

Type
System.Threading.Tasks.Task

Refresh(Boolean)

This re renders the accumulation chart.

Declaration

public void Refresh(bool shouldAnimate = true)

Parameters

Type	Name	Description
System.Boolean	shouldAnimate

SetAnnotationValueAsync(Double, String)

Method to set the annotation content dynamically for accumulation.

Declaration

public Task SetAnnotationValueAsync(double annotationIndex, string content)

Parameters

Type	Name	Description
System.Double	annotationIndex
System.String	content

Returns

Type
System.Threading.Tasks.Task