Jesse David PetersonandIsabel Matwawana
9f2f93b401
* docs(time-range): document panel level time range pan feature * docs(time-range-pan): include panel time range in panel viz docs pages * docs(fix): correct "x" which was probably a placeholder * Docs: Add pan panel time range (#115102) * Added content to panel-zoom shared file from panel-pan.md and deleted panel-pan.md * Renamed file * Updated overview page and shared file reference in candlestick * Updated shared file refs in other pages * Fixed a couple typos * docs(time-range-pan): reverence only one video of time range panning * docs(dashboard): amend dashboard common time range controls section --------- Co-authored-by: Isabel Matwawana <76437239+imatwawana@users.noreply.github.com>
26 lines
1.2 KiB
Markdown
26 lines
1.2 KiB
Markdown
---
|
|
title: Panel mouse time zoom
|
|
comments: |
|
|
This file is used in the following visualizations: candlestick, heatmap, state timeline, status history, time series.
|
|
---
|
|
|
|
You can pan the panel time range left and right, and zoom it and in and out.
|
|
This, in turn, changes the dashboard time range.
|
|
|
|
**Zoom in** - Click and drag on the panel to zoom in on a particular time range.
|
|
|
|
**Zoom out** - Double-click anywhere on the panel to zoom out the time range.
|
|
|
|
When you zoom out, the range doubles with each double-click, adding equal time to each side of the range.
|
|
For example, if the original time range is from 9:00 to 9:59, the time range changes as follow with each double-click:
|
|
|
|
- Next range: 8:30 - 10:29
|
|
- Next range: 7:30 - 11:29
|
|
|
|
**Pan** - Click and drag the x-axis area of the panel to pan the time range.
|
|
|
|
The time range shifts by the distance you drag.
|
|
For example, if the original time range is from 9:00 to 9:59 and you drag 30 minutes to the right, the time range changes to 9:30 to 10:29.
|
|
|
|
For screen recordings showing these interactions, refer to the [Panel overview documentation](https://grafana.com/docs/grafana/<GRAFANA_VERSION>/visualizations/panels-visualizations/panel-overview/#pan-and-zoom-panel-time-range).
|