We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback


Overview

The end user experience is greatly enhanced by including a set of user interaction features such as zooming and panning, crosshair, trackball, drill-down, events, and tooltip. You can configure these interactive chart features using the built-in APIs.


Zooming

Visualize data points in any region of the chart by zooming the region.

Zooming Mode

Zooming Mode

Zoom in and zoom out the chart through mouse wheel scrolling or through pinch gesture in touch enabled device or by using the rubber band selection.

Zooming Mode Documentation

Zooming Direction

Zooming Direction

Zoom the chart along the horizontal axis, vertical axis or both the axis.

Zooming Direction Documentation

Zoom Toolbar

Perform zoom in, zoom out, pan and reset actions quickly through zoom toolbar commands. The toolbar can be loaded initially along with the chart or on demand depending on preferences.

Zoom Toolbar Documentation

Scrollbar on zooming

Add scrollbars to the chart to pan or zoom it further. Customize the color, height, and border of the scrollbar using built-in APIs to make it visually unique.

Zoom Scrollbar Documentation


Crosshair

Inspect or target any data point on mouse move with the help of crosshair. A thin horizontal line and a vertical line indicate the data point with the information displayed in an interactive tooltip.

Crosshair Documentation


Trackball

Track data points that are close to the mouse position or touch contact. Trackball displays information about pop-up data with more customizable options.

Trackball Documentation


Tooltip

Use interactive chart tooltip to show information about the data points on mouse hover.

Tooltip Documentation


Synchronization

Allows users to synchronize tooltip, zooming and panning, crosshair, highlight, and selection features across multiple charts.


Selection

Select data points in a series for easy understanding of the selected data. Adding pattern and color to the selected data makes charts more interactive.

Point Selection

Allows you to select a point in a series. Adding pattern and color to the selected data makes charts more interactive.

Point Selection Documentation

Series Selection

Allows you to select a series from chart series collection. Adding pattern and color to the selected series makes charts more interactive.

Series Selection Documentation

Cluster Selection

Select a cluster of points from the series on mouse click.

Cluster Selection Documentation

Multiple Selection

Allows users to select multiple points and series in a chart. Adding patterns and colors to the selected data makes the charts more interactive.

Multiple Selection Documentation

Range Selection

Range Selection

Allows users to select a region with respect to both horizontal and vertical axes.

Range Selection Documentation

Lasso Selection

Lasso selection

Allows users to select a region by drawing freehand shapes.


85+ JAVASCRIPT UI CONTROLS

Scroll up icon