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

XAxisNotesComponent

The configuration of the X-axis notes. For an example on the basic usage of the XAxisNotesComponent, refer to the demo on the XAxisComponent or to the documentation about the axis notes.

Selector

kendo-chart-x-axis-item-notes

Inputs

data

any[]

The items of the notes.

icon

XAxisNotesIcon

The icon of the notes.

label

XAxisNotesLabel

The label of the notes.

line

NoteLine

The line of the notes.

position

NotePosition

The position of the X-axis note.

  • "top"The note is positioned on the top.
  • "bottom"The note is positioned on the bottom.
  • "left"The note is positioned on the left.
  • "right"The note is positioned on the right.

visual

(e: AxisNoteVisualArgs) => Element

A function for creating custom visuals for the notes.

The available argument fields are:

  • rectThe geometry Rect that defines the note target rect.
  • senderThe chart instance (might be undefined).
  • optionsThe note options.
  • createVisualA function that can be used to get the default visual.
  • valueThe note value.

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.