alexa
menu

Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Search Results for

    Show / Hide Table of Contents

    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
    object
    ComponentBase
    OwningComponentBase
    SfOwningComponentBase
    SfBaseComponent
    SfDataBoundComponent
    SfAccumulationChart
    Implements
    IComponent
    IHandleEvent
    IHandleAfterRender
    IDisposable
    Inherited Members
    ComponentBase.Assets
    ComponentBase.AssignedRenderMode
    ComponentBase.DispatchExceptionAsync(Exception)
    ComponentBase.InvokeAsync(Action)
    ComponentBase.InvokeAsync(Func<Task>)
    ComponentBase.OnAfterRender(bool)
    ComponentBase.OnInitialized()
    ComponentBase.OnParametersSet()
    ComponentBase.RendererInfo
    ComponentBase.SetParametersAsync(ParameterView)
    ComponentBase.ShouldRender()
    ComponentBase.StateHasChanged()
    object.Equals(object)
    object.Equals(object, object)
    object.GetHashCode()
    object.GetType()
    object.MemberwiseClone()
    object.ReferenceEquals(object, object)
    object.ToString()
    OwningComponentBase.IsDisposed
    OwningComponentBase.ScopedServices
    SfBaseComponent.Dispose()
    SfBaseComponent.Dispose(bool)
    SfBaseComponent.GetEffectivePlatform()
    SfBaseComponent.GetMainComponentPlatform()
    SfBaseComponent.IsMainLicenseComponent()
    SfBaseComponent.LicenseContext
    SfBaseComponent.OnObservableChange(string, object, bool, NotifyCollectionChangedEventArgs)
    SfBaseComponent.ValidateLicense()
    SfDataBoundComponent.DataManager
    SfDataBoundComponent.MainParent
    SfDataBoundComponent.OnAfterRenderAsync(bool)
    SfDataBoundComponent.OnInitializedAsync()
    SfDataBoundComponent.OnParametersSetAsync()
    SfDataBoundComponent.SetDataManager<T>(object)
    Namespace: Syncfusion.Blazor.Charts
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public class SfAccumulationChart : SfDataBoundComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

    Constructors

    SfAccumulationChart()

    Declaration
    public SfAccumulationChart()

    Properties

    Background

    Gets or sets the background color of the Accumulation Chart.

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

    A string value specifying the background color of the Accumulation Chart. The default background color is determined by the Accumulation Chart'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 Accumulation Chart.

    Declaration
    [Parameter]
    public string BackgroundImage { get; set; }
    Property Value
    Type Description
    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 Accumulation Chart. 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>

    CustomClass

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

    Declaration
    [Parameter]
    public string CustomClass { get; set; }
    Property Value
    Type Description
    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 Accumulation Chart.

    Declaration
    [Parameter]
    public IEnumerable<object> DataSource { get; set; }
    Property Value
    Type Description
    IEnumerable<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 Accumulation Chart. 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
    [Parameter]
    public EventCallback<object> DataSourceChanged { get; set; }
    Property Value
    Type
    EventCallback<object>

    EnableAdaptiveRendering

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

    Declaration
    [Parameter]
    public bool EnableAdaptiveRendering { get; set; }
    Property Value
    Type Description
    bool

    A boolean value that enables or disables adaptive rendering for the AccumulationChart 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 Accumulation Chart.

    Declaration
    [Parameter]
    public bool EnableAnimation { get; set; }
    Property Value
    Type Description
    bool

    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
    [Parameter]
    public bool EnableBorderOnMouseMove { get; set; }
    Property Value
    Type Description
    bool

    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
    [Parameter]
    public bool EnableGroupingSeparator { get; set; }
    Property Value
    Type Description
    bool

    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
    [Parameter]
    public bool EnableRtl { get; set; }
    Property Value
    Type Description
    bool

    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 Accumulation Chart.

    Declaration
    [Parameter]
    public bool EnableSmartLabels { get; set; }
    Property Value
    Type Description
    bool

    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 Accumulation Chart.

    Declaration
    [Parameter]
    public string Height { get; set; }
    Property Value
    Type Description
    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
    [Parameter]
    public string HighlightColor { get; set; }
    Property Value
    Type Description
    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
    [Parameter]
    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:

    • None: No highlighting will occur.
    • Point: Individual points will be highlighted when hovered.
    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
    [Parameter]
    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
    [Parameter]
    public string ID { get; set; }
    Property Value
    Type Description
    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
    [Parameter]
    public bool IsMultiSelect { get; set; }
    Property Value
    Type Description
    bool

    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>

    NoDataTemplate

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

    Declaration
    [Parameter]
    public RenderFragment NoDataTemplate { get; set; }
    Property Value
    Type Description
    RenderFragment

    Accepts a 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
    [Parameter]
    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.

    SelectionMode

    Gets or sets the selection mode of the Accumulation Chart.

    Declaration
    [Parameter]
    public AccumulationSelectionMode SelectionMode { get; set; }
    Property Value
    Type Description
    AccumulationSelectionMode

    One of the AccumulationSelectionMode enumerations that specifies the selection mode of the Accumulation Chart. The options include:

    • None: No selection will occur.
    • Point: Selects a single point.
    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
    [Parameter]
    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>

    SubTitle

    Gets or sets the subtitle of the SfAccumulationChart component.

    Declaration
    [Parameter]
    public string SubTitle { get; set; }
    Property Value
    Type Description
    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>

    Theme

    Gets or sets the theme for the SfAccumulationChart component.

    Declaration
    [Parameter]
    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

    Accumulation Chart element's color and text get modified, such as fill, font size, font family, and font style, which enhances the overall Accumulation Chart 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
    [Parameter]
    public string Title { get; set; }
    Property Value
    Type Description
    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>

    Width

    Gets or sets the width of the Accumulation Chart.

    Declaration
    [Parameter]
    public string Width { get; set; }
    Property Value
    Type Description
    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
    RenderTreeBuilder __builder
    Overrides
    ComponentBase.BuildRenderTree(RenderTreeBuilder)

    ExportAsync(ExportType, string, PdfPageOrientation?, bool)

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

    Declaration
    public Task ExportAsync(ExportType type, string fileName, PdfPageOrientation? orientation = null, bool allowDownload = true)
    Parameters
    Type Name Description
    ExportType type

    Specifies the format of the file to export the circular gauge.

    string fileName

    Specifies the name of the file for the exported circular gauge.

    PdfPageOrientation? orientation

    Specifies the orientation of the exported PDF document when the type parameter is PDF.

    bool allowDownload

    Specifies whether the exported file is to be downloaded or not.

    Returns
    Type
    Task

    PrintAsync(ElementReference)

    Handles the print method for accumulation chart control.

    Declaration
    public Task PrintAsync(ElementReference elementRef = default)
    Parameters
    Type Name Description
    ElementReference elementRef
    Returns
    Type
    Task

    Refresh(bool)

    This re renders the accumulation chart.

    Declaration
    public void Refresh(bool shouldAnimate = true)
    Parameters
    Type Name Description
    bool 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
    double annotationIndex
    string content
    Returns
    Type
    Task

    Implements

    IComponent
    IHandleEvent
    IHandleAfterRender
    IDisposable
    In this article
    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved