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

XAxisNotesLabelComponent

The label of the notes.

Selector

kendo-chart-x-axis-item-notes-label

Inputs

NameTypeDefaultDescription

background

string

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

border

Border

The border of the label.

color

string

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

content

(e: AxisNoteContentArgs) => string

The function which returns the label content. The function argument contains a value field. It defines the axis value. You can split the text into multiple lines by using the line feed characters ("\n").

font

string

'12px sans-serif''

The font style of the label.

format

string

'{0}'

The format for displaying the notes label. Uses the format method of IntlService. Contains one placeholder ("{0}") which represents the axis value.

position

NoteLabelPosition

'inside'

The position of the labels.

rotation

number

0

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

visible

boolean

true

If set to true, the Chart displays the X-axis notes label. By default, the X-axis notes label is visible.

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.

ts
item.notifyChanges({ visible: true });
Parameters

changes

any

An object containing the updated input fields.

In this article
SelectorInputsMethods
Not finding the help you need?
Contact Support