Chart3d - Chart3DDataLabelSettingsModel
30 Sep 20261 minute to read
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.
labelIntersectAction Chart3DDataLabelIntersectAction
Specifies the action to handle overlapping data labels.
Available options include:
- None - All data labels are displayed, even if they overlap.
- RelocateVertically - Relocates overlapping data labels vertically with a connector line.
- RelocateHorizontally - Relocates overlapping data labels horizontally with a connector line.
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.
smartLabelSettings SmartLabelSettingsModel
Configures the appearance of relocated data labels.
Applicable only when labelIntersectAction is set to RelocateVertically or RelocateHorizontally and the datalbel gets overlapped.
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.