CircularChart3DSeries API in React Circularchart3d API component

Configures the series in a circular 3D chart.

Properties

animation

AnimationModel

Options for customizing the animation of the series.

dataLabel

CircularChart3DDataLabelSettingsModel

The data label settings for the circular 3D series.

dataSource

Object | DataManager

Specifies the dataSource 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: 'http://mvc.syncfusion.com/Services/Northwnd.svc/Tasks/'
});
let query: Query = new Query().take(50).where('Estimate', 'greaterThan', 0, false);
let pie: CircularChart3D = new CircularChart3D({
...
    series: [{
       dataSource: dataManager,
       xName: 'Id',
       yName: 'Estimate',
       query: query
   }],
...
});
pie.appendTo('#Pie');

Defaults to ”

emptyPointSettings

CircularChart3DEmptyPointSettingsModel

Options to customize the appearance of empty points in the circular 3D series.

enableTooltip

boolean

Specifies whether the tooltip is enabled or disabled for the circular 3D series.

Defaults to true

explode

boolean

If set true, series points will be exploded on mouse click or touch.

Defaults to false

explodeAll

boolean

If set true, all the points in the series will get exploded on load.

Defaults to false

explodeIndex

number

Index of the point to be exploded on load. Set to null for no explosion.

Defaults to null

explodeOffset

string

Distance of the point from the center, which takes values in both pixels and percentage.

Defaults to ‘30%’

innerRadius

string

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

Defaults to ‘0’

legendImageUrl

string

The URL for the image that is to be displayed as a legend icon. It requires legendShape value to be an Image.

Defaults to ”

legendShape

LegendShape

The shape of the legend. Each series has its own legend shape. Available shapes:

• Circle - Renders a circle.
• Rectangle - Renders a rectangle.
• Triangle - Renders a triangle.
• Diamond - Renders a diamond.
• Cross - Renders a cross.
• HorizontalLine - Renders a horizontal line.
• VerticalLine - Renders a vertical line.
• Pentagon - Renders a pentagon.
• InvertedTriangle - Renders an inverted triangle.
• SeriesType -Render a legend shape based on series type.
• Image - Render an image. *

Defaults to ‘SeriesType’

name

string

The name of the series as displayed in the legend.

Defaults to ”

opacity

number

The opacity of the series.

Defaults to 1.

palettes

string[]

Palette configuration for the points in the circular 3D series.

Defaults to []

pointColorMapping

string

The DataSource field that contains the point colors.

Defaults to ”

query

Query

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

Defaults to null

radius

string

Specifies the radius of the pie series in percentage. Set to null for default.

Defaults to null

tooltipMappingName

string

The data source field that contains the tooltip value.

Defaults to ”

visible

boolean

Specifies the visibility of the series.

Defaults to true

xName

string

The DataSource field that contains the x value

Defaults to ”

yName

string

The DataSource field that contains the y value.

Defaults to ”