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

XAxisTitleComponent

The title configuration of the Scatter Chart X axis.

Selector

kendo-chart-x-axis-item-title

Inputs

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

'bold 16px sans-serif'

The font style of the title.

margin

number | Margin

5

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

padding

number | Padding

5

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

position

AxisTitlePosition

'center'

The position of the title.

rotation

number

0

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

true

If set to true, the Chart displays the X axis title of the Scatter Chart. By default, the X-axis title of the Scatter Chart is visible.

visual

(e: TitleVisualArgs) => Element

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

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.

In this article

Not finding the help you need?