AccumulationChart Component
<ejs-accumulationchart></ejs-accumulationchart>
accumulationDataLabelModule
is used to manipulate and add dataLabel in accumulation chart.
accumulationHighlightModule
is used to manipulate and add highlight to the accumulation chart.
accumulationLegendModule
is used to manipulate and add legend in accumulation chart.
accumulationSelectionModule
is used to manipulate and add selection in accumulation chart.
accumulationTooltipModule
is used to manipulate and add tooltip in accumulation chart.
boolean
To enable export feature in blazor chart.
Defaults to false
annotationModule
is used to manipulate and add annotation in chart.
AccumulationAnnotationSettingsModel[]
The configuration for annotation in chart.
string
The background color of the chart, which accepts value in hex, rgba as a valid CSS color string.
Defaults to null
string
The background image of the chart that accepts value in string as url link or location of an image.
Defaults to null
Options for customizing the color and width of the chart border.
Center of pie
Options for customizing the center label of accumulation chart.
Object
| DataManager
Specifies the dataSource for the AccumulationChart. It can be an array of JSON objects or an instance of DataManager.
<div id='Pie'></div>
let dataManager: DataManager = new DataManager({
url: 'http://mvc.syncfusion.com/Services/Northwnd.svc/Tasks/'
});
let query: Query = new Query().take(50).where('Estimate', 'greaterThan', 0, false);
let pie: AccumulationChart = new AccumulationChart({
...
dataSource: dataManager,
series: [{
xName: 'Id',
yName: 'Estimate',
query: query
}],
...
});
pie.appendTo('#Pie');
Defaults to ”
boolean
If set true, enables the animation for both chart and accumulation.
Defaults to true
boolean
If set true, enables the border in pie and accumulation chart while mouse moving.
Defaults to true
boolean
To enable export feature in chart.
Defaults to true
boolean
Enable or disable persisting component’s state between page reloads.
Defaults to false
boolean
Enable or disable rendering component in right to left direction.
Defaults to false
boolean
If set true, labels for the point will be placed smartly without overlapping.
Defaults to true
Export Module is used to export Accumulation chart.
string
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.
Defaults to null
string
Defines the highlight color for the data point when user hover the data point.
Defaults to ”
Specifies whether point has to get highlighted or not. Takes value either ‘None ‘or ‘Point’ None: Disables the highlight. Point: highlight a point.
Defaults to None
Specifies whether series or data point has to be selected. They are,
Defaults to None
boolean
If set true, enables the multi selection in accumulation chart. It requires selectionMode
to be Point
.
Defaults to false
Options for customizing the legend of accumulation chart.
string
Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.
Defaults to ”
Options to customize the left, right, top and bottom margins of accumulation chart.
Specifies the point indexes to be selected while loading a accumulation chart.
It requires selectionMode
to be Point
.
<div id='Pie'></div>
let pie: AccumulationChart = new AccumulationChart({
...
selectionMode: 'Point',
selectedDataIndexes: [ { series: 0, point: 1},
{ series: 2, point: 3} ],
...
});
pie.appendTo('#Pie');
Defaults to []
Specifies whether point has to get selected or not. Takes value either ‘None ‘or ‘Point’ None: Disables the selection. Point: selects a point.
Defaults to None
Specifies whether series or data point for accumulation chart has to be selected. They are,
Defaults to None
The configuration for series in accumulation chart.
string
SubTitle for accumulation chart
Defaults to null
Options for customizing the subtitle
of accumulation chart.
Specifies the theme for accumulation chart.
Defaults to ‘Material’
string
Title for accumulation chart
Defaults to null
Options for customizing the title
of accumulation chart.
Options for customizing the tooltip of accumulation chart.
boolean
Specifies whether a grouping separator should be used for a number.
Defaults to false
string
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.
Defaults to null
Export method for the chart.
Returns void
To get Module name @private
Returns string
Handles the print method for accumulation chart control.
Returns void
Method to set the annotation content dynamically for accumulation.
Returns void
EmitType<IAfterExportEventArgs>
Triggers after the export completed.
EmitType<IAccAnimationCompleteEventArgs>
Triggers after animation gets completed for series.
EmitType<IAnnotationRenderEventArgs>
Triggers before the annotation gets rendered.
EmitType<IPrintEventArgs>
Triggers before the prints gets started.
EmitType<IAccBeforeResizeEventArgs>
Triggers before window resize.
EmitType<IMouseEventArgs>
Triggers on double clicking the accumulation chart.
EmitType<IMouseEventArgs>
Triggers on clicking the accumulation chart.
EmitType<IMouseEventArgs>
Triggers on mouse down.
EmitType<IMouseEventArgs>
Triggers while cursor leaves the accumulation chart.
EmitType<IMouseEventArgs>
Triggers on hovering the accumulation chart.
EmitType<IMouseEventArgs>
Triggers on mouse up.
EmitType<IAccLegendClickEventArgs>
Triggers after legend clicked.
EmitType<ILegendRenderEventArgs>
Triggers before the legend gets rendered.
Triggers before accumulation chart load.
Triggers after accumulation chart loaded.
EmitType<IPointEventArgs>
Triggers on point click.
EmitType<IPointEventArgs>
Triggers on point move.
EmitType<IAccPointRenderEventArgs>
Triggers before each points for series gets rendered.
Triggers after window resize.
EmitType<IAccSelectionCompleteEventArgs>
Triggers after the selection is completed.
EmitType<IAccSeriesRenderEventArgs>
Triggers before the series gets rendered.
EmitType<IAccTextRenderEventArgs>
Triggers before the data label for series gets rendered.
EmitType<ITooltipRenderEventArgs>
Triggers before the tooltip for series gets rendered.