Represents react AccumulationChart Component
<AccumulationChartComponent></AccumulationChartComponent>
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.
Configuration for the center of the pie chart.
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’
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’
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
The subtitle for accumulation chart.
Defaults to null
Options for customizing the subTitle
of the accumulation chart.
Specifies the theme for accumulation chart.
Defaults to ‘Material’
string
The 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
Method to calculate bounds for accumulation chart.
Returns void
Export method for the chart.
Parameter | Type | Description |
---|---|---|
type | ExportType |
The type of export. |
fileName | string |
The name of the file for export. |
Returns void
Handles the print method for accumulation chart control.
Parameter | Type | Description |
---|---|---|
id (optional) | string[] | string | Element |
The id of the accumulation chart to be printed on the page. |
Returns void
Method to set the annotation content dynamically for accumulation.
Parameter | Type | Description |
---|---|---|
annotationIndex | number |
The index of the annotation. |
content | string |
The content to set for the annotation. |
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.
Triggers before the prints gets started.
EmitType<IAccBeforeResizeEventArgs>
Triggers before window resize.
Triggers on double clicking the accumulation chart.
Triggers on clicking the accumulation chart.
Triggers on mouse down.
Triggers while cursor leaves the accumulation chart.
Triggers on hovering the accumulation chart.
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.
Triggers on point click.
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.