• What is KendoReact
  • Getting Started
  • Unstyled Mode
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chart Wizardnew
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Toolsupdated
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDF Viewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

ChartXAxisNotesProps

Represents the props of the KendoReact ChartXAxisNotes component.

NameTypeDefaultDescription

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.

The supported values are:

  • "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.

In this article

Not finding the help you need?