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.




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:

  • rect—The geometry Rect that defines the note target rect.
  • sender—The chart instance (might be undefined).
  • options—The note options.
  • createVisual—A function that can be used to get the default visual.
  • value—The note value.