CircularChart3DSeriesModel API in Vue Circularchart3d API component

Interface for a class CircularChart3DSeries

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');

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.

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.