mirror of
https://github.com/grafana/grafana.git
synced 2025-07-28 11:12:29 +08:00
44 lines
3.7 KiB
Markdown
44 lines
3.7 KiB
Markdown
---
|
|
title: Tooltip options
|
|
comments: |
|
|
There are three tooltip shared files, tooltip-options-1.md, tooltip-options-2.md, and tooltip-options-3.md, to cover the most common combinations of options.
|
|
Using shared files ensures that content remains consistent across visualizations that share the same options and users don't have to figure out which options apply to a specific visualization when reading that content.
|
|
This file is used in the following visualizations: time series, trend
|
|
---
|
|
|
|
Tooltip options control the information overlay that appears when you hover over data points in the visualization.
|
|
|
|
| Option | Description |
|
|
| --------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
| [Tooltip mode](#tooltip-mode) | When you hover your cursor over the visualization, Grafana can display tooltips. Choose how tooltips behave. |
|
|
| [Values sort order](#values-sort-order) | This option controls the order in which values are listed in a tooltip. |
|
|
| Hide zeros | When you set the **Tooltip mode** to **All**, the **Hide zeros** option is displayed. This option controls whether or not series with `0` values are shown in the list in the tooltip. |
|
|
| [Hover proximity](#hover-proximity) | Set the hover proximity (in pixels) to control how close the cursor must be to a data point to trigger the tooltip to display. |
|
|
| Max width | Set the maximum width of the tooltip box. |
|
|
| Max height | Set the maximum height of the tooltip box. The default is 600 pixels. |
|
|
|
|
### Tooltip mode
|
|
|
|
When you hover your cursor over the visualization, Grafana can display tooltips. Choose how tooltips behave.
|
|
|
|
- **Single -** The hover tooltip shows only a single series, the one that you are hovering over on the visualization.
|
|
- **All -** The hover tooltip shows all series in the visualization. Grafana highlights the series that you are hovering over in bold in the series list in the tooltip.
|
|
- **Hidden -** Do not display the tooltip when you interact with the visualization.
|
|
|
|
Use an override to hide individual series from the tooltip.
|
|
|
|
### Values sort order
|
|
|
|
When you set the **Tooltip mode** to **All**, the **Values sort order** option is displayed. This option controls the order in which values are listed in a tooltip. Choose from the following:
|
|
|
|
- **None** - Grafana automatically sorts the values displayed in a tooltip.
|
|
- **Ascending** - Values in the tooltip are listed from smallest to largest.
|
|
- **Descending** - Values in the tooltip are listed from largest to smallest.
|
|
|
|
### Hover proximity
|
|
|
|
Set the hover proximity (in pixels) to control how close the cursor must be to a data point to trigger the tooltip to display.
|
|
The following screen recording shows this option in a time series visualization:
|
|
|
|
|