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

Notes

The Chart notes provide a way to display metadata for series points or for a specific part of an axis.

Series Notes

To display additional information for series points, set the noteTextField of the series to a field from the data which contains the information.

Setup

The following example demonstrates how to display notes for specific points.

Example
View Source
Change Theme:

Appearance

To change the way the notes are displayed, use the series.notes options.

The following example demonstrates how to customize the appearance of the notes.

Example
View Source
Change Theme:

Axis Notes

To display additional information for a point of an axis, use the notes configuration of the axis. To specify the positions at which the notes will be displayed, use the data.value configuration. The value has to be a value on the axis or the index for category axis. To set the textual content of the notes, use the data.label.text option. Alternatively, set the notes.labels.content option to a function that returns the content of each note.

The following example demonstrates how to display notes for the axes.

Example
View Source
Change Theme:

Support and Learning Resources

Additional Resources