New to Kendo UI for Angular? Start a free 30-day trial

PanesTitle

The panes.title options.

NameTypeDefaultDescription

background?

string

The background color of the title. Accepts a valid CSS color string, including HEX and RGB.

border?

Border

The border of the title.

color?

string

The text color of the title. Accepts a valid CSS color string, including HEX and RGB.

font?

string

The font style of the title.

margin?

number | Margin

The margin of the title. A numeric value sets all margins.

position?

"left" | "right" | "center"

The position of the title.

The positioning of the axis title can be set to left for left positioning, right for right positioning (both applicable to the horizontal axis), or center for positioning in the center.

text?

string

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

visible?

boolean

If set to true, the Chart displays the pane title. By default, the pane title is visible.

visual?

(e: any) => Element

A function that can be used to create a custom visual for the title.

The available argument fields are:

  • text—The label text.
  • rect—The geometry Rect that defines where the visual has to be rendered.
  • sender—The Chart instance (might be undefined).
  • options—The label options.
  • createVisual—A function that can be used to get the default visual.