Represents the AccumulationChart control.
<div id="accumulation"/>
<script>
var accObj = new AccumulationChart({ });
accObj.appendTo("#accumulation");
</script>
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
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
Adds the handler to the given event listener.
Parameter | Type | Description |
---|---|---|
eventName | string |
A String that specifies the name of the event |
handler | Function |
Specifies the call to run when the event occurs. |
Returns void
Appends the control within the given HTML element
Parameter | Type | Description |
---|---|---|
selector (optional) | string | HTMLElement |
Target element where control needs to be appended |
Returns void
When invoked, applies the pending property changes immediately to the component.
Returns void
Export method for the chart.
Returns void
Returns the persistence data for component
Returns any
To get Module name @private
Returns string
Returns the route element of the component
Returns HTMLElement
Handles the print method for accumulation chart control.
Returns void
Applies all the pending property changes and render the component again.
Returns void
Removes the handler from the given event listener.
Parameter | Type | Description |
---|---|---|
eventName | string |
A String that specifies the name of the event to remove |
handler | Function |
Specifies the function to remove |
Returns void
Method to set the annotation content dynamically for accumulation.
Returns void
Dynamically injects the required modules to the component.
Parameter | Type | Description |
---|---|---|
moduleList | Function[] |
? |
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.