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

ValueAxisTitleComponent

The title configuration of the value axis.

Selector

kendo-chart-value-axis-item-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 to the vertical axis).
  • "bottom"The axis title is positioned on the bottom (applicable to the vertical axis).
  • "left"The axis title is positioned on the left (applicable to the horizontal axis).
  • "right"The axis title is positioned on the right (applicable to 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. You can split the text into multiple lines by using the line feed characters ("\n").

visible

boolean

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

visual

(e: TitleVisualArgs) => Element

A function for creating a custom visual for the title.

The available argument fields are:

  • textThe label text.
  • rectThe geometry Rect that defines where the visual has to be rendered.
  • senderThe Chart instance (might be undefined).
  • optionsThe label options.
  • createVisualA 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.