AccumulationDataLabelSettings API in JavaScript Accumulation Chart API control

Configures the dataLabel in accumulation chart.

Properties

angle

number

Specifies angle for data label.

Defaults to 0

border

BorderModel

Option for customizing the border lines.

connectorStyle

ConnectorModel

Options for customize the connector line in series. This property is applicable for Pie, Funnel and Pyramid series. The default connector length for Pie series is ‘4%‘. For other series, it is null.

enableRotation

boolean

Enables rotation for data label.

Defaults to false

fill

string

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

Defaults to ‘transparent’

font

FontModel

Option for customizing the data label text.

format

string

Used to format the 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 data label, e.g, 20°C.

Defaults to ”

maxWidth

number

Specifies the maximum width of the data label.Use this property to limit label width and apply wrap or trimming to the label.

Defaults to ‘null’

name

string

The DataSource field which contains the data label value.

Defaults to null

position

AccumulationLabelPosition

Specifies the position of data label. They are.

• Outside - Places label outside the point.
• Inside - Places label inside the point.

Defaults to ‘Inside’

rx

number

The roundedCornerX for the data label. It requires border values not to be null.

Defaults to 5

ry

number

The roundedCornerY for the data label. It requires border values not to be null.

Defaults to 5

showZero

boolean

If set true, data label for zero values in series gets render.

Defaults to true

template

string

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

Defaults to null

textOverflow

LabelOverflow

Defines the text overflow behavior to employ when the data label text overflow.

• Clip - Truncates data label when it overflows the bounds.
• Ellipsis - Specifies an ellipsis (“…”) to the data label when it overflows the bounds. You can define maximum width of label by setting maxWidth property.

Defaults to ‘Ellipsis’

textWrap

TextWrap

Defines the text wrap behavior to employ when the data label overflow.

• Normal - Truncates data label when it overflows the bounds.
• Wrap - Specifies to break a data label once it is too long to fit on a line by itself.
• AnyWhere - Specifies to break a data label at any point if there are no otherwise-acceptable break points in the line. You can define maximum width of label by setting maxWidth property.

Defaults to ‘Normal’

visible

boolean

If set true, data label for series gets render.

Defaults to false