• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Set PlotBands on a Plot-Area Click of a Chart

Environment

Product Version4.6.0
ProductProgress® KendoReact

Description

How to set PlotBands when clicking on the Plot Area of a KendoReact Chart?

Solution

This can be achieved by using the onPlotAreaClick property whose event handler will trigger every time the user clicks on the Plot Area.

It will be used to get the crosshair values and set the values of the plotBands to be those of the crosshair.

Optional: In order to avoid the Chart to play animations each time the PlotBands are updated, the transitions property of the Chart should be set to false.

Example
View Source
Change Theme:

In this article

Not finding the help you need?