Components / Charts / API

AxisDefaultsTitleComponent

The configuration of the axis title (see example).

Selector

kendo-chart-axis-defaults-title

Inputs

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 Margin | number

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

padding Padding | number

The padding of the title. A numeric value sets all paddings.

position AxisTitlePosition

The position of the title.

The supported values are:

  • "top"—The axis title is positioned on the top (applicable for the vertical axis).
  • "bottom"—The axis title is positioned on the bottom (applicable for the vertical axis).
  • "left"—The axis title is positioned on the left (applicable for the horizontal axis).
  • "right"—The axis title is positioned on the right (applicable for the horizontal axis).
  • "center"—The axis title is positioned in the center.

rotation number

The rotation angle of the title. By default, the title is not rotated.

text string

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

visible boolean

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

visual (e: TitleVisualArgs) => 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 (can be undefined).
  • options—The label options.
  • createVisual—A function for getting the default visual.

Methods

notifyChanges

Updates the component fields with the specified values and refreshes the Chart.

Use this method when the configuration values cannot be set through the template.

item.notifyChanges({ visible: true });

Parameters

changes any

An object containing the updated input fields.