New to Kendo UI for AngularStart a free 30-day trial

PlotBandLabel

Specifies the appearance configuration for the plot band label.

NameTypeDefaultDescription

align?

"center" | "left" | "right"

Specifies the horizontal alignment of the label text.

By default, the label is aligned to the left.

Use center for center positioning, right for positioning on the right side, or left for positioning on the left side.

background?

string

Specifies the background color of the label. Accepts a valid CSS color string, including hex and rgb.

border?

Border

Specifies the border of the label.

color?

string

Specifies the color of the plot band label text. Accepts a valid CSS color configuration string, including hex and rgb.

font?

string

Specifies the font of the plot band label text. Accepts a valid CSS font configuration string.

margin?

number | Margin

Specifies the margin of the label. A numeric value sets all margins.

padding?

number | Padding

Specifies the padding of the label. A numeric value sets all paddings.

position?

"top" | "bottom" | "center"

Specifies the vertical position of the label inside the plot band.

By default, the label is aligned to the top.

Use bottom for positioning at the bottom, center for center positioning, or top for positioning at the top.

rotation?

number

Specifies the rotation angle of the label. By default, the label is not rotated.

text?

string

Specifies the text of the label.

You can split the text into multiple lines by using line feed characters ("\n").

visible?

boolean

Determines whether to display the plot band label. By default, the plot band labels are not displayed.

visual?

(e: PlotBandLabelVisualArgs) => Element

Specifies a function that can be used to create a custom visual for the label.

Not finding the help you need?
Contact Support