Circular3DSeriesModel

23 Sep 20253 minutes to read

Interface for a class Circular3DSeries

Properties

animation AnimationModel

Options for customizing the animation of the series.

dataLabel Circular3DDataLabelSettingsModel

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: Circular3D = new Circular3D({
...
    series: [{
       dataSource: dataManager,
       xName: 'Id',
       yName: 'Estimate',
       query: query
   }],
...
});
pie.appendTo('#Pie');

emptyPointSettings Circular3DEmptyPointSettingsModel

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.

explode boolean

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

explodeAll boolean

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

explodeIndex number

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

explodeOffset string

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

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.

legendImageUrl string

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

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. *

name string

The name of the series as displayed in the legend.

opacity number

The opacity of the series.

palettes string[]

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

pointColorMapping string

The DataSource field that contains the point colors.

query Query

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

radius string

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

tooltipMappingName string

The data source field that contains the tooltip value.

visible boolean

Specifies the visibility of the series.

xName string

The DataSource field that contains the x value

yName string

The DataSource field that contains the y value.