Interface for a class DataLabelSettings
Specifies the alignment of the data label relative to the data point. The available options are:
number
Specifies the rotation angle of the data label.
Configures the appearance of the border lines with options for width and color properties.
boolean
If set to true, the data label will be rotated according to the specified angle.
string
The background color of the data label accepts hex and rgba values as valid CSS color strings.
Customizes the appearance of the data label text with options for font size, color, style, weight, and family.
string
Used to format the data label, accepting global string formats like C
, n1
, P
, etc.
It also supports placeholders, such as {value}°C
, where {value}
represent the point data label (e.g., 20°C).
Specifies the action to handle overlapping data labels. Available options include:
Configures the margin for the data label.
string
Specifies the data source field that contains the data label value.
number
Specifies the opacity level for the data label background, which controls its transparency.
Specifies the position of the data label relative to the data point. The available options are:
number
Specifies the X-axis rounded corner radius for the data label.
Note that
border
values must not be null for this feature to work.
number
Specifies the Y-axis rounded corner radius for the data label.
Note that
border
values must not be null for this feature to work.
boolean
If set to true, data labels for zero values in the series are render.
string
| Function
Custom template for the data label.
Use ${point.x}
and ${point.y}
as placeholders to display the corresponding data point values.
boolean
If set to true, data labels for the series are render. By default, it is set to false.