mirror of
https://github.com/grafana/grafana.git
synced 2025-07-28 01:42:07 +08:00
31ecb5d0b5
* Added config options heading and bumped other heading levels * Reordered headings and added missing ones * Nested candlestick options under heading * Added graph styles and axis content * Added candlestick options to table * Refactored and edited candlestick options section * Replaced shared file with manual tooltip section * Added missing intro sentences to candlestick options section * Added a graph styles shared file * Replaced body text with graph styles shared file in candlestick and time series files * Added content from time series file to shared axis options file * replaced shared file in candlestick file with axis content * Updated option descriptions in axis options shared file * Updated axis options section of candlestick * Fixed typos * Ran prettier * Replaced some screenshots with higher res, up to date versions * Wording edits * Added contributor notes and a missing command * Fixed typo * Fixed typo * Ran prettier * Removed note from axis options all file * Renamed axis options file * Renamed shared file adn updated link in time series page * Added axix options file and renamed another one, updated links in other files * Ran prettier
43 lines
3.6 KiB
Markdown
43 lines
3.6 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.
|
|
|
|
|