Expanding the Touch Target Area of the Chart

Environment

Description

In some scenarios, the Kendo UI Charts produce series of points that are too small to be reliably clicked or touched. How can I expand the touch target area of the Kendo UI for Angular Chart?

Solution

To expand the touch target area of the Chart, add a transparent element to each series point.

Bar and Column Charts

The following example demonstrates how to expand the touch target area of points in Bar Charts. The touchTarget element is added to the seriesVisual element of the bar or column.

Line Charts

The following example demonstrates how to expand the touch target area of points in Line Charts. The touchTarget element is added to the markerVisual element of the marker.