AccumulationSeries

23 Sep 20257 minutes to read

Configures the series in the accumulation chart.

Properties

accessibility AccessibilityModel

Options to improve accessibility for series elements.

animation AnimationModel

Options for customizing the animation of the series.
By default, animation is enabled with a duration of 1000 milliseconds (about 1 second). It can be disabled by setting enable to false.
The following properties are supported in animation:

enable: If set to true, the series is animated on initial loading.
duration: The duration of the animation in milliseconds.
delay: The delay before the animation starts, in milliseconds.

applyPattern boolean

When set to true, a different pattern is applied to each slice of the pie.

Defaults to false

border BorderModel

Options for customizing the border of the series.

borderRadius number

Option for customizing the border radius.

Defaults to 0

dashArray string

Defines the pattern of dashes and gaps for the series border.

Defaults to ‘0’

dataLabel AccumulationDataLabelSettingsModel

The data label property can be used to show the data label and customize its position and styling.

dataSource Object|DataManager

Specifies the data source for the series. It can be an array of JSON objects, or an instance of DataManager.

<div id='Pie'></div>

let dataManager: DataManager = new DataManager({
   url: 'https://services.syncfusion.com/js/production/api/orders'
});
let query: Query = new Query().take(5);
let pie: AccumulationChart = new AccumulationChart({
...
    series: [{
       dataSource: dataManager,
       xName: 'CustomerID',
       yName: 'Freight',
       query: query
   }],
...
});
pie.appendTo('#Pie');

Defaults to ’’

emptyPointSettings EmptyPointSettingsModel

Customization options for the appearance of empty points in the series, where null or undefined values are considered as empty points.

enableTooltip boolean

Controls whether the tooltip for the accumulation chart series is enabled or disabled. Set to true to display tooltips on hover, or false to hide them.

Defaults to true

endAngle number

Specifies the ending angle for the series, in degrees.

Defaults to null

explode boolean

If set to true, series points will explode on mouse click or touch.

Defaults to false

explodeAll boolean

If set to true, all the points in the series will explode on load.

Defaults to false

explodeIndex number

Index of the point in the series to be exploded on initial load.

Defaults to null

explodeOffset string

Specifies the distance of the point from the center, which can be defined in both pixels and percentage.

Defaults to ‘30%’

funnelMode FunnelModes

Defines the rendering mode for the funnel chart.
Available options are:

Standard - Displays a funnel shape that narrows down to a point.
Trapezoid - Displays a funnel shape with parallel sides near the top.

Defaults to ‘Standard’

gapRatio number

Defines the distance between the segments of a funnel or pyramid series.
The range is from 0 to 1.

Defaults to 0

groupMode GroupModes

In the accumulation series, y-values less than groupMode are combined into a single slice named ‘others’.

Defaults to Value

groupTo string

The y-values of the accumulation series that are less than groupTo are combined into a single slice named ‘others’.

Defaults to null

height string

Defines the height of the funnel or pyramid series relative to the chart area.

Defaults to ‘80%’

innerRadius string

When the innerRadius value is greater than 0%, a donut shape will appear in the pie series. It accepts only percentage values.

Defaults to ‘0’

legendImageUrl string

The URL for the image to be displayed as a legend icon.

Note that legendShape must be set to Image.

Defaults to ’’

legendShape LegendShape

Specifies the shape of the legend icon for each data point.
Available shapes for legend:

Circle - Renders a circular icon.
Rectangle - Renders a rectangular icon.
Triangle - Renders a triangular icon.
Diamond - Renders a diamond-shaped icon.
Cross - Renders a cross-shaped icon.
HorizontalLine - Renders a horizontal line icon.
VerticalLine - Renders a vertical line icon.
Pentagon - Renders a pentagon-shaped icon.
InvertedTriangle - Renders an inverted triangle-shaped icon.
SeriesType - Uses the default icon shape based on the series type.
Image - Renders a custom image for the legend icon.

Defaults to ‘SeriesType’

name string

The name property allows for setting a name for the series.

Defaults to ’’

neckHeight string

Defines the height of the funnel neck relative to the chart area.

Defaults to ‘20%’

neckWidth string

Defines the width of the funnel neck relative to the chart area.

Defaults to ‘20%’

opacity number

Sets the opacity of the series, with a value between 0 and 1 where 0 is fully transparent and 1 is fully opaque.

Defaults to 1.

palettes string[]

The palettes array defines a set of colors used for rendering the accumulation chart’s points. Each color in the array is applied to each point in order.

Defaults to []

pointColorMapping string

The data source field that contains the color value of a point.
It is applicable for series.

Defaults to ’’

pyramidMode PyramidModes

Defines how the values are represented, either through the height or surface area of the segments.

Defaults to ‘Linear’

query Query

Specifies a query to select data from the data source. This property is applicable only when the data source is an ej.DataManager.

Defaults to null

radius string

Specifies the radius of the pie series as a percentage of the chart’s size.

Defaults to null

selectionStyle string

The selectionStyle property is used to specify custom CSS styles for the selected series or points.

Defaults to null

startAngle number

Specifies the starting angle for the series, in degrees.

Defaults to 0

tooltipMappingName string

The data source field that contains the value to be displayed in the tooltip.

Defaults to ’’

type AccumulationType

Specifies the type of series in the accumulation chart.

Defaults to ‘Pie’

visible boolean

If set to true, the series will be visible. If set to false, the series will be hidden.

Defaults to true

width string

Defines the width of the funnel or pyramid series relative to the chart area.

Defaults to ‘80%’

xName string

The data source field that contains the x value.

Defaults to ’’

yName string

The data source field that contains the y value.

Defaults to ’’

Methods

addPoint

Adds a data point to the data source for the series.

Parameter	Type	Description
dataPoint	`Object`	The data point to be added.
duration (optional)	`number`	– The duration for the animation.

Returns void

removePoint

Removes a data point from the series data source at the specified index.

Parameter	Type	Description
index	`number`	– The index of the data point to be removed from the series.
duration (optional)	`number`	– The duration for the animation.

Returns void

setData

Updates the data source for the series.

Parameter	Type	Description
data	`Object[]`	– Updated data source for the series.
duration (optional)	`number`	– The duration for the animation.

Returns void