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

Events

This article provides details about the different events available in the Chart API.

List of available Chart events

Below you will see demos of all Chart events. The events in the demos are separated by event type and context in which each of them is tiggered.

Chart events demo

The below example demonstrates the usage of the onAxisLabelClick, onLegendItemClick, onLegendItemHover, onNoteClick, onNoteHover, onPlotAreaClick, onPlotAreaHover, onRender, onSeriesClick, onSeriesHover events. For more information about the usage of the other events see the other example in the current article.

Example
View Source
Edit In Stackblitz  
Change Theme:

onDrag, onDragStart and onDragEnd events demo

The below example demonstrates the usage of the onDrag, onDragStart and onDragEnd events.

Example
View Source
Edit In Stackblitz  
Change Theme:

onSelect, onSelectStart and onSelectEnd events demo

The onSelect, onSelectStart and onSelectEnd events are triggered when the select property of the ChartCategoryAxisItem is defined.

Example
View Source
Edit In Stackblitz  
Change Theme:

onZoom, onZoomStart and onZoomEnd events demo

The onZoom, onZoomStart and onZoomEnd events are triggered when the zoomable property of the Chart is set to true.

Example
View Source
Edit In Stackblitz  
Change Theme: