Blazor Toolkit
Selection Zoom

Selection zoom allows users to zoom into a specific region of the Chart by selecting an area using the mouse. By dragging over the desired plot region, the Chart zooms in to show detailed data points within the selected range. To enable selection zooming, set the EnableSelectionZooming property in ChartZoomSettings to true.

Mouse Wheel Zoom

Mouse wheel zoom enables zooming in and out of the Chart using the mouse scroll wheel. Scrolling up zooms into the Chart, while scrolling down zooms out, providing a smooth and interactive data exploration experience. To enable mouse wheel zooming, set the EnableMouseWheelZooming property in ChartZoomSettings to true.

Pinch Zoom

Pinch zoom allows zooming using touch gestures on touch‑enabled devices. By pinching in or out with two fingers, users can easily zoom into or out of the Chart, making it ideal for mobile and tablet interactions. To enable pinch zooming, set the EnablePinchZooming property in ChartZoomSettings to true.

Pan

The pan feature allows users to move the zoomed Chart area horizontally or vertically. Once zoomed in, users can drag the Chart area to navigate through different data regions without resetting the zoom level. To enable panning, set the EnablePan property in ChartZoomSettings to true.

Pagination

Pagination divides large sets of data into smaller segments for better visualization and performance. Users can navigate between pages to view different sections of the data without overcrowding the Chart. This is achieved by dynamically updating the ZoomPosition and ZoomFactor properties of the axis.

Mode

The mode option determines how zooming and panning interactions are applied to the Chart. It can be configured to work along the X‑axis, Y‑axis, or both axes, depending on the required data exploration behavior. You can set the zoom mode using the Mode property in ChartZoomSettings.

ToolBar

The toolbar provides built‑in controls for zooming, panning, and resetting the Chart view. It offers an intuitive way for users to interact with zoom and pan features using predefined toolbar buttons. You can customize the toolbar items using the ToolbarItems property in ChartZoomSettings.

ToolBar Customization

Toolbar customization allows you to control the position of the toolbar. You can configure the alignment of the toolbar using the ChartZoomToolbarPosition component and its properties like HorizontalAlign and VerticalAlign to match application requirements and improve usability.

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.