Chart3DDataLabelSettingsModel API in Vue Chart3d API component

Interface for a class Chart3DDataLabelSettings

Properties

angle

number

Specifies angle for data label.

border

BorderModel

Option for customizing the border lines.

enableRotation

boolean

Enables rotation for data label.

fill

string

The background color of the data label accepts value in hex and rgba as a valid CSS color string.

font

Chart3DTextFontModel

Option for customizing the data label text.

format

string

Used to format the point data label that accepts any global string format like ‘C’, ‘n1’, ‘P’ etc. It also accepts placeholder like ‘{value}°C’ in which value represent the point data label, e.g, 20°C.

margin

MarginModel

Margin configuration for the data label.

name

string

The DataSource field that contains the data label value.

opacity

number

The opacity for the background.

position

Chart3DDataLabelPosition

Specifies the position of the data label. They are,

• top: Positions the label on top of the point.
• Bottom: Positions the label at the bottom of the point.
• Middle: Positions the label to the middle of the point.

template

string | Function

Custom template to show the data label. Use ${point.x} and ${point.y} as a placeholder text to display the corresponding data point.

visible

boolean

If set true, data label for series renders.