# Plot Bands

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`](https://www.telerik.com/kendo-vue-ui/components/charts/api/plotband).

The following example demonstrates how to configure the plot bands of an axis.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/charts/elements/plot-bands/overview/source.txt)

## Labels

Each plot band can be configured to display an optional [label](https://www.telerik.com/kendo-vue-ui/components/charts/api/plotband).

The following example demonstrates how to display and style plot band labels.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/charts/elements/plot-bands/labels/source.txt)

## 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](https://www.telerik.com/kendo-vue-ui/components/drawing) in the [`onRender`](https://www.telerik.com/kendo-vue-ui/components/charts/api/chartprops#onrender) event.

To get the range coordinates:

1. Find the [axis](https://www.telerik.com/kendo-vue-ui/components/charts/api/chartaxistype) by name.
2. Use the [`slot`](https://www.telerik.com/kendo-vue-ui/components/charts/api/chartaxistype#slot) method.

The following example demonstrates how to draw custom plot bands.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/charts/elements/plot-bands/custom/source.txt)

## Suggested Links

* [Axes](https://www.telerik.com/kendo-vue-ui/components/charts/elements/axes)
* [Chart Area](https://www.telerik.com/kendo-vue-ui/components/charts/elements/chart-area)
* [Crosshairs](https://www.telerik.com/kendo-vue-ui/components/charts/elements/crosshairs)
* [Error Bars](https://www.telerik.com/kendo-vue-ui/components/charts/elements/crosshairs)
* [Labels](https://www.telerik.com/kendo-vue-ui/components/charts/elements/labels)
* [Legend](https://www.telerik.com/kendo-vue-ui/components/charts/elements/legend)
* [Notes](https://www.telerik.com/kendo-vue-ui/components/charts/elements/notes)
* [Panes](https://www.telerik.com/kendo-vue-ui/components/charts/elements/panes)
* [Plot Area](https://www.telerik.com/kendo-vue-ui/components/charts/elements/plot-area)
* [Selection](https://www.telerik.com/kendo-vue-ui/components/charts/elements/selection)
* [Series](https://www.telerik.com/kendo-vue-ui/components/charts/elements/series)
* [Title](https://www.telerik.com/kendo-vue-ui/components/charts/elements/title)
* [Tooltip](https://www.telerik.com/kendo-vue-ui/components/charts/elements/tooltips)
* [API Reference of the Chart](https://www.telerik.com/kendo-vue-ui/components/charts/api)