Class SfAccumulationChart

Accumulation chart is a Data visualization component which is divided into slices to represent the given numerical values. In this each slice represents its corresponding numerical value.

Inheritance
System.Object
Syncfusion.Blazor.SfBaseComponent
SfDataBoundComponent
SfAccumulationChart
Implements
Inherited Members
Namespace: Syncfusion.Blazor.Charts
Assembly: Syncfusion.Blazor.dll
Syntax
public class SfAccumulationChart : SfDataBoundComponent, IAccumulationChart

Constructors

SfAccumulationChart()

Declaration
public SfAccumulationChart()

Properties

Background

The background color of the chart, which accepts data in hex, rgba as a valid CSS color string.

Declaration
public string Background { get; set; }
Property Value
Type Description
System.String

BackgroundImage

The background image of the chart that accepts data in string as url link or location of an image.

Declaration
public string BackgroundImage { get; set; }
Property Value
Type Description
System.String

ChildContent

Sets content for chart element including HTML and its customizations.

Declaration
public RenderFragment ChildContent { get; set; }
Property Value
Type Description
Microsoft.AspNetCore.Components.RenderFragment

CustomClass

Defines class/multiple classes separated by a space in the chart element.

Declaration
public string CustomClass { get; set; }
Property Value
Type Description
System.String

DataSource

Specifies the dataSource for the AccumulationChart. It can be an array of JSON objects or an instance of DataManager.

Declaration
public object DataSource { get; set; }
Property Value
Type Description
System.Object

DataSourceChanged

Triggers when dataSource for the chart changed.

Declaration
public EventCallback<object> DataSourceChanged { get; set; }
Property Value
Type Description
Microsoft.AspNetCore.Components.EventCallback<System.Object>

EnableAnimation

If set true, enables the animation for accumulation chart.

Declaration
public bool EnableAnimation { get; set; }
Property Value
Type Description
System.Boolean

EnableBorderOnMouseMove

If set true, enables the border in pie chart while mouse moving.

Declaration
public bool EnableBorderOnMouseMove { get; set; }
Property Value
Type Description
System.Boolean

EnableGroupingSeparator

Specifies whether a grouping separator should be used for a number.

Declaration
public bool EnableGroupingSeparator { get; set; }
Property Value
Type Description
System.Boolean

EnableSmartLabels

If set true, labels for the point will be placed smartly without overlapping.

Declaration
public bool EnableSmartLabels { get; set; }
Property Value
Type Description
System.Boolean

Height

The height of the chart as a string in order to provide input as both like '100px' or '100%'. If specified as '100%, chart will render to the full height of its parent element.

Declaration
public string Height { get; set; }
Property Value
Type Description
System.String

HighlightMode

Specifies whether point has to get highlighted or not. Takes chartItems either 'None 'or 'Point'

Declaration
public AccumulationSelectionMode HighlightMode { get; set; }
Property Value
Type Description
AccumulationSelectionMode

HighlightPattern

Specifies whether series or data point has to be selected. They are, none: sets none as highlighting pattern to accumulation chart. chessboard: sets chess board as highlighting pattern to accumulation chart. dots: sets dots as highlighting pattern to accumulation chart. diagonalForward: sets diagonal forward as highlighting pattern to accumulation chart. crosshatch: sets crosshatch as highlighting pattern to accumulation chart. pacman: sets pacman highlighting pattern to accumulation chart. diagonalbackward: sets diagonal backward as highlighting pattern to accumulation chart. grid: sets grid as highlighting pattern to accumulation chart. turquoise: sets turquoise as highlighting pattern to accumulation chart. star: sets star as highlighting pattern to accumulation chart. triangle: sets triangle as highlighting pattern to accumulation chart. circle: sets circle as highlighting pattern to accumulation chart. tile: sets tile as highlighting pattern to accumulation chart. horizontaldash: sets horizontal dash as highlighting pattern to accumulation chart. verticaldash: sets vertical dash as highlighting pattern to accumulation chart. rectangle: sets rectangle as highlighting pattern to accumulation chart. box: sets box as highlighting pattern to accumulation chart. verticalstripe: sets vertical stripe as highlighting pattern to accumulation chart. horizontalstripe: sets horizontal stripe as highlighting pattern to accumulation chart. bubble: sets bubble as highlighting pattern to accumulation chart.

Declaration
public SelectionPattern HighlightPattern { get; set; }
Property Value
Type Description
SelectionPattern

ID

Sets id attribute for chart element.

Declaration
public string ID { get; set; }
Property Value
Type Description
System.String

IsMultiSelect

If set true, enables the multi selection in accumulation chart. It requires SelectionMode to be Point.

Declaration
public bool IsMultiSelect { get; set; }
Property Value
Type Description
System.Boolean

Query

Specifies Query to select data from dataSource. This property is applicable only when the dataSource is Ej.DataManager.

Declaration
public Query Query { get; set; }
Property Value
Type Description
Query

SelectionMode

Specifies whether point has to get selected or not. Takes chartItems either 'None 'or 'Point'

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

SelectionPattern

Specifies whether series or data point for accumulation chart has to be selected. They are, none: sets none as selecting pattern to accumulation chart . chessboard: sets chess board as selecting pattern accumulation chart . dots: sets dots as selecting pattern accumulation chart . diagonalForward: sets diagonal forward as selecting pattern to accumulation chart . crosshatch: sets crosshatch as selecting pattern to accumulation chart. pacman: sets pacman selecting pattern to accumulation chart. diagonalbackward: sets diagonal backward as selecting pattern to accumulation chart. grid: sets grid as selecting pattern to accumulation chart. turquoise: sets turquoise as selecting pattern to accumulation chart. star: sets star as selecting pattern to accumulation chart. triangle: sets triangle as selecting pattern to accumulation chart. circle: sets circle as selecting pattern to accumulation chart. tile: sets tile as selecting pattern to accumulation chart. horizontaldash: sets horizontal dash as selecting pattern to accumulation chart. verticaldash: sets vertical dash as selecting pattern to accumulation chart. rectangle: sets rectangle as selecting pattern. box: sets box as selecting pattern to accumulation chart. verticalstripe: sets vertical stripe as selecting pattern to accumulation chart. horizontalstripe: sets horizontal stripe as selecting pattern to accumulation chart. bubble: sets bubble as selecting pattern to accumulation chart.

Declaration
public SelectionPattern SelectionPattern { get; set; }
Property Value
Type Description
SelectionPattern

SubTitle

Specifies the SubTitle of the accumulation chart

Declaration
public string SubTitle { get; set; }
Property Value
Type Description
System.String

Theme

Specifies the theme for accumulation chart.

Declaration
public Theme Theme { get; set; }
Property Value
Type Description
Theme

Title

Specifies the Title of the accumulation chart

Declaration
public string Title { get; set; }
Property Value
Type Description
System.String

Width

The width of the chart as a string in order to provide input as both like '100px' or '100%'. If specified as '100%, chart will render to the full width of its parent element.

Declaration
public string Width { get; set; }
Property Value
Type Description
System.String

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Type Name Description
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder __builder

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

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

Declaration
public void Export(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.

OnAfterRenderAsync(Boolean)

Declaration
protected override Task OnAfterRenderAsync(bool firstRender)
Parameters
Type Name Description
System.Boolean firstRender
Returns
Type Description
System.Threading.Tasks.Task
Overrides

OnInitializedAsync()

Declaration
protected override Task OnInitializedAsync()
Returns
Type Description
System.Threading.Tasks.Task
Overrides

OnParametersSetAsync()

Declaration
protected override Task OnParametersSetAsync()
Returns
Type Description
System.Threading.Tasks.Task
Overrides

Print()

Handles the print method for accumulation chart control.

Declaration
public void Print()

Refresh()

This re renders the accumulation chart

Declaration
public void Refresh()

SetAnnotationValue(Double, String)

Method to set the annotation content dynamically for accumulation.

Declaration
public Task SetAnnotationValue(double annotationIndex, string content)
Parameters
Type Name Description
System.Double annotationIndex
System.String content
Returns
Type Description
System.Threading.Tasks.Task

Implements