New to KendoReact? Start a free 30-day trial
Plot Bands
Plot BandsPremium
The Chart plot bands allow you to highlight a specific range of an axis.
To display plot bands, set the axis plotBands option to an array of PlotBand.
The following example demonstrates how to configure the plot bands of an axis.
Change Theme
Theme
Loading ...
Labels
Each plot band can be configured to display an optional label.
The following example demonstrates how to display and style plot band labels.
Change Theme
Theme
Loading ...
Custom Plot Bands
To visualize the range in a different way or to show additional elements, manually draw the plot bands by using the Drawing API in the onRender event.
To get the range coordinates:
The following example demonstrates how to draw custom plot bands.
Change Theme
Theme
Loading ...