Series3D API in Vue Chart3d API component

Configures the series in charts.

Properties

animation

AnimationModel

Options to customizing animation for the series.

columnFacet

ShapeType

Defines the shape of the data in a column and bar chart. Rectangle: Displays the data in a column and bar chart in a rectangle shape. Cylinder: Displays the data in a column and bar chart in a cylinder shape.

Defaults to ‘Rectangle’

columnSpacing

number

To render the column series points with particular column spacing. It takes value from 0 - 1.

Defaults to 0.1

columnWidth

number

Render the column series points with a particular column width.

Defaults to null

dataLabel

DataLabelStyleModel

The data label for the series.

dataSource

Object | DataManager

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

Defaults to ”

emptyPointSettings

ThreeDimensionalEmptyPointSettingsModel

options to customize the empty points in series.

enableTooltip

boolean

Enable tooltip for the chart series.

Defaults to true

fill

string

The fill color for the series, which can accept values in hex or rgba as a valid CSS color string.

Defaults to null

groupName

string

Defines the name that specifies the chart series are mutually exclusive and can be overlaid. The axis in the same group shares the same baseline and location on the corresponding axis.

Defaults to ”

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, which can be one of the following:

• Circle
• Rectangle
• Triangle
• Diamond
• Cross
• HorizontalLine
• VerticalLine
• Pentagon
• InvertedTriangle
• SeriesType
• 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

pointColorMapping

string

The DataSource field that contains the point colors.

Defaults to ”

query

Query

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

Defaults to ”

size

string

The DataSource field that contains the size value of y

Defaults to ”

stackingGroup

string

This property allows grouping series in stacked column / bar charts. Any string value can be provided to the stackingGroup property. If any two or above series have the same value, those series will be grouped together.

Defaults to ”

tooltipFormat

string

Format of the tooltip content.

Defaults to ”

tooltipMappingName

string

The data source field that contains the tooltip value.

Defaults to ”

type

Chart3DSeriesType

Specifies the type of the series in the 3D chart. Available options include:

• Column
• Bar
• StackingColumn
• StackingBar
• StackingColumn100
• StackingBar100

Defaults to ‘Column’

visible

boolean

Specifies the visibility of series.

Defaults to true

xAxisName

string

The name of the horizontal axis associated with the series. It requires axes of the chart.

Defaults to null

xName

string

The DataSource field that contains the x value.

Defaults to ”

yAxisName

string

The name of the vertical axis associated with the series. It requires axes of the chart.

Defaults to null

yName

string

The DataSource field that contains the y value.

Defaults to ”

Methods

findSeriesCollection

Finds the collection of ThreeDimensionSeries associated with the given ThreeDimensionColumn and ThreeDimensionRow in the 3D chart.

Parameter	Type	Description
column	ThreeDimensionColumn	The ThreeDimensionColumn object representing the column in the 3D chart.
row	ThreeDimensionRow	The ThreeDimensionRow object representing the row in the 3D chart.
isStack	boolean	Indicates whether the series should be stacked.

Returns Series3D[]

getDoubleRange

Gets a range of values between the specified start and end points. This method returns a RangeValues object representing the range of values between the given start and end points.

Parameter	Type	Description
start	number	The starting point of the range.
end	number	The ending point of the range.

Returns RangeValues

getSideBySideInfo

Gets the side-by-side positioning information for the specified ThreeDimensionSeries. This method calculates and returns the range values that define the position of the series in a side-by-side arrangement.

Parameter	Type	Description
series	Series3D	The ThreeDimensionSeries for which side-by-side positioning information is needed.

Returns RangeValues

refreshAxisLabel

Refreshes the axis labels in the chart. This method is responsible for updating and rendering the axis labels based on the chart’s current state.

Returns void

refreshDataManager

Refreshes the data manager for the 3D chart.

Parameter	Type	Description
chart	Chart3D	The 3D chart for which the data manager is refreshed.

Returns void

setEmptyPoint

Sets values for an empty data point at the specified index.

Parameter	Type	Description
point	ThreeDimensionPoint	The ThreeDimensionPoint object representing the empty data point.
i	number	The index of the empty data point.

Returns void

setStyle

Sets the style options for the specified ThreeDimensionSeries. This method applies the style options to customize the appearance of the specified series.

Parameter	Type	Description
series	Series3D	The ThreeDimensionSeries for which the style options should be set.

Returns StyleOptionsType