Data zoom

Enable users to zoom into a specific area of the chart.

Data zoom comes in two variants: horizontal and vertical.

note

This component implements a third-party solution. Please refer to its Notes in Storybook for more information.

Behavior

The chart displays data within the specified data zoom range.

Users can hover over the data zoom to see the data range displayed. To change the data range, users can drag the data zoom controls.

Users can apply the same zoom on a different chart area by dragging the data zoom selection.

Use the horizontal data zoom to provide a detailed view of the x-axis.

Use the vertical data zoom to provide a detailed view of the y-axis.