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

IAccumulationChart

Inherited Members

SfDataBoundComponent.SetDataManager<T>(Object)

SfDataBoundComponent.DataManager

SfDataBoundComponent.MainParent

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

OnAfterRenderAsync(Boolean)

Declaration

protected override Task OnAfterRenderAsync(bool firstRender)

Parameters

Type	Name	Description
System.Boolean	firstRender

Returns

Type	Description
System.Threading.Tasks.Task

Overrides

SfDataBoundComponent.OnAfterRenderAsync(Boolean)

OnInitializedAsync()

Declaration

protected override Task OnInitializedAsync()

Returns

Type	Description
System.Threading.Tasks.Task

Overrides

SfDataBoundComponent.OnInitializedAsync()

OnObservableChange(String, Object, Boolean)

Declaration

protected override void OnObservableChange(string propertyName, object sender, bool isCollectionChanged = false)

Parameters

Type	Name	Description
System.String	propertyName
System.Object	sender
System.Boolean	isCollectionChanged

Overrides

Syncfusion.Blazor.SfBaseComponent.OnObservableChange(System.String, System.Object, System.Boolean)

OnParametersSetAsync()

Declaration

protected override Task OnParametersSetAsync()

Returns

Type	Description
System.Threading.Tasks.Task

Overrides

SfDataBoundComponent.OnParametersSetAsync()

Refresh(Boolean)

This re renders the accumulation chart.

Declaration

public void Refresh(bool shouldAnimate = true)

Parameters

Type	Name	Description
System.Boolean	shouldAnimate

Implements

IAccumulationChart