Panel links time range control
Panel links support controlling the time range to ensure the user is zoomed in on the right data in Grafana.
Grafana dashboards · all subjects
panels
138 notes in this subject, read out of this brain and free to use. This is page 1 of 3.
Panel links display location
Each panel can have its own set of links that are shown in the top left of a panel after the panel title.
Panel links target destinations
Panel links can point to any available URL, including dashboards, panels, or external sites.
Cell value inspect option
The Cell value inspect option enables value inspection from table cells. When toggled on, clicking the inspect icon in a cell opens the Inspect value drawer with two tabs: Plain text and Code editor. Grafana automatically detects the data type in the cell and opens the drawer with the appropriate tab, but users can switch between tabs manually.
Styling from field option
The Styling from field option applies styling from another field or column to a cell. The referenced field must contain CSS properties formatted in JSON object syntax, for example {"name":"John"}.
Tooltip from field option
The Tooltip from field option allows displaying tooltips that use values from another field or column in a table.
Actions API call configuration options
Actions let you trigger basic, unauthenticated API calls from panels. For each action, configure the following options: Title (human-readable label displayed in UI), Confirmation message (descriptive prompt to confirm or cancel), Connection (Direct from browser or routed through a configured data source), Method (POST, PUT, or GET), URL (the request URL; add variables by entering $ or pressing Ctrl+Space/Cmd+Space), Variables (Key and Name pairs with type selection, prefixed with $ when used in request), Query parameters (Key and Value pairs), Headers (Key and Value pairs plus Content-Type), Content-Type (application/json, text/plain, application/XML, or application/x-www-form-urlencoded), and Body (the request body).
Data links options
Data links allow you to link to other panels, dashboards, and external resources while maintaining the context of the source panel. For each data link, set the following options: Title, URL, Open in new tab, and One click. One click opens the data link with a single click, and only one data link can have One click enabled at a time.
Data links and actions available on panel types
Data links and actions options are available on the following visualization types: bar chart, candlestick, state timeline, status history, time series, trend, and xy chart.
Legend Placement: Bottom and Right
The Placement option chooses where to display the legend. Bottom places the legend below the graph. Right places the legend to the right of the graph.
Legend Mode: List vs Table
The Mode option defines how the legend appears. List displays the legend as a list and is the default display mode. Table displays the legend as a table.
Panel types sharing legend options
The legend options documented here apply to the following visualizations: bar chart, candlestick, histogram, time series, trend, and xy chart.
Legend Width option for right placement
The Width option controls how wide the legend is when placed on the right side of the visualization. The value may be a basic pixel width or a more complex CSS width property such as `max(200px, 20%)`. This option is only displayed if the legend placement is set to Right.
Legend Values calculation statistics
The Values option allows you to choose which standard calculations to show in the legend. Multiple values can be displayed.
Legend Overflow handling for long series names
The Overflow option controls how overflow for long series names is handled. Ellipsis truncates the series names with "..." at the end. Wrap word-wraps the series names to multiple lines. This option is only displayed if the legend placement is set to Right and mode is Table.
Legend Limit option
The Limit option restricts how many series items are shown by default. The rest become expandable using a Show all link.
Legend Visibility toggle
The Visibility option controls whether the legend appears in the visualization. Toggle the switch to turn the legend on or off.
Panel pan interaction
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.
Panel zoom out doubling behavior
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 first double-click changes it to 8:30 - 10:29, and the next double-click changes it to 7:30 - 11:29.
Panels supporting pan and zoom
The following panel types support pan and zoom: candlestick, heatmap, state timeline, status history, and time series.
Pan and zoom affect dashboard time range
Panning and zooming the panel time range changes the dashboard time range.
Panel zoom in interaction
Click and drag on the panel to zoom in on a particular time range.
Panel zoom out interaction
Double-click anywhere on the panel to zoom out the time range.
Tooltip options applied to bar chart and pie chart
The tooltip options including Tooltip mode, Values sort order, Hide zeros, Max width, and Max height are shared visualization options used in bar chart and pie chart panels.
Hide individual series from tooltip using overrides
Overrides can be used to hide individual series from appearing in the tooltip.
Tooltip box sizing options
Max width and Max height options control the dimensions of the tooltip box. Max height defaults to 600 pixels.
Hide zeros in tooltip
When Tooltip mode is set to All, the Hide zeros option controls whether series with 0 values are displayed in the tooltip list.
Values sort order in tooltips
When Tooltip mode is set to All, the Values sort order option controls the order in which values appear in the tooltip. None sorts values automatically. Ascending lists values from smallest to largest. Descending lists values from largest to smallest.
Panel role and customization
A panel is the container that displays the visualization and provides various controls to manipulate it. Panel options let you customize many aspects of a visualization and the options differ based on which visualization you select.
Annotation queries and variables moved to sidebar
Annotation queries and variables setup have been removed from dashboard settings. They are now managed in the dashboard sidebar through Add annotation queries and Add variables options.
Access dashboard settings page
To access the dashboard settings page, click Edit in the toolbar, then click the Dashboard options icon, then click Settings in the sidebar.
Dashboard links navigation
Dashboard links enable quick navigation by placing links to other dashboards and websites directly below the dashboard header. Links can be added via the Settings page Links tab by clicking New link, entering a title, selecting type (Dashboards or Link), setting link options, and saving.
Add dashboard tags workflow
To add tags to a dashboard, go to the General tab of Settings page, scroll to the Tags section, enter a new or existing tag in the field (ensuring correct spelling if reusing existing tags), click Add or press Enter, then save the changes. Tags appear under the Tags column on the Dashboards page.
Dashboard tags length limit
Dashboard tags can be up to 50 characters long, including spaces.
Dashboard panel tooltip behavior options
Panel tooltip and hover highlight behavior can be controlled with three options: Default (tooltip and hover not shared across panels), Shared crosshair (crosshair displayed on all graph panels when hovering over one), or Shared tooltip (crosshair and tooltips displayed on all graph panels when hovering over one).
Dashboard auto-refresh and time settings
Dashboard time settings include Auto refresh (customize relative time and auto-refresh options with comma-separated entries accepting any valid time unit), Now delay (override the now time by entering a time delay to accommodate known data aggregation delays), and Hide time picker (option to hide the time picker).
Dashboard time zone options
Dashboard time zone can be set to Default (uses user profile, team, or organization time zone setting, or browser time if none specified), Browser time (uses the viewing user's browser time zone), or any standard ISO 8601 time zone including UTC.
Dashboard JSON model representation
A dashboard in Grafana is represented by a JSON object that stores metadata including dashboard properties, metadata from panels, template variables, panel queries, and other dashboard information. The JSON model can be viewed by clicking the JSON Model tab on the Settings page.
Panels are the basic building block of Grafana dashboards
Panels are the basic building blocks in Grafana dashboards. Each panel is composed of a query and a visualization, which is a graphical representation of query results.
Panels offer formatting, styling, and visualization-specific options
Panels offer a wide variety of formatting and styling options such as applying colors based on field values and custom units. Each visualization comes with options specific to it that provide further control over how data is displayed.
Visualizations present data in different ways within panels
Visualizations provide several different ways to present data within a panel, depending on what best suits the data and user needs. Grafana offers a growing suite of visualizations ranging from time series graphs to heatmaps to 3D charts to help decode complex datasets.
Inspect query performance with Stats tab
To inspect query performance: Edit the panel containing the query, click Query Inspector in the query editor, click the Stats tab. The Stats tab displays read-only statistics including query duration, number of queries sent, and number of rows returned. This information helps troubleshoot queries, especially when numbers are unexpectedly high or low.
Panel inspector tabs and features
The panel inspector consists of five main tabs: Data tab shows raw data returned by queries with transformations applied (field options and overrides not applied by default); Stats tab shows query duration and row count; JSON tab allows viewing and copying panel JSON, panel data JSON, and data frame structure JSON; Query tab shows server requests sent when querying the data source; Error tab shows query errors and is only visible when a query returns an error.
Download raw query results as CSV
To download raw query results as CSV: Edit the panel, click Query Inspector in the query editor, click Data tab. If the panel contains multiple queries or queries multiple nodes, use Select result to choose which result set to view, Transform data option, and Join by time to view raw data from all queries at once with one result set per column. Use the Formatted data toggle to view data before field overrides are applied. Use the Download for Excel toggle to download a CSV file formatted specifically for Excel. Click Download CSV to complete the download.
Panel inspector availability across panel types
Not all panel types include all panel inspector tabs. For example, dashboard list panels do not have raw data to inspect, so they do not display the Stats, Data, or Query tabs.
Inspect and export query request and response data
To inspect query request and response data for troubleshooting: Edit the panel containing the query, click Query Inspector in the query editor, click the Query tab, click Refresh to populate the panel with response data. Make necessary adjustments and re-run the query. To download the query request and response data, click the Copy to clipboard icon and paste the results into another application.
Access panel inspector from panel menu
The panel inspector is accessed via the panel menu. It displays 'Inspect: <NameOfPanelBeingInspected>' at the top of the pane. An arrow in the upper right corner allows expanding or reducing the inspector pane.
Share query results across panels with Dashboard data source
Grafana allows you to use query results from one panel in any other panel on the dashboard by using the Dashboard data source. This reduces the number of queries sent to your data source, improving dashboard performance. Instead of sending separate queries for each panel, Grafana sends one query and other panels use those shared results to construct visualizations.
Configure shared query between panels step-by-step
To share query results between panels: (1) Create a dashboard. (2) Create a panel and change its title to 'Source panel' - this panel will serve as the source for other panels. (3) Define the query or queries you want to share in the source panel. If no data source is available, use the Grafana data source which returns a random time series for testing. (4) Add a new panel and select the Dashboard data source in the query editor. (5) In the 'Use results from panel list', select the first panel you created. All queries defined in the source panel are now available to the new panel.
Shared queries available to multiple panels
Queries defined in a source panel can be shared with multiple other panels. Clicking on any of the queries allows navigation to the panel where they are defined.
Alert list filter options table
Alert list panels support the following filter options: Alert name filters alerts by name; Alert instance label filters alert instances using label querying with syntax like {severity="critical", instance=~"cluster-us-.+"}; Datasource filters alerts from the selected data source; Folder filters Grafana-managed alert rules by alert rule folder (available only when Datasource is empty or set to Grafana, and does not filter by dashboard folder); Show alerts with 0 instances toggles to show alert rules with no instances (hidden by default, and remain hidden if Alert instance label filter is configured).
Alert list state filter options
Alert list panels support filtering by the following alert states: Alerting/Firing shows alerts that are currently active and triggering an alert condition; Pending shows alerts in a transitional state waiting for conditions to be met before triggering; No Data shows alerts where the data source is not returning any data; Recovering shows alerts in a recovering state after the alert condition is resolved; Normal shows alerts in a normal or resolved state where no alert condition is currently met; Error shows alerts where an error has occurred, typically related to an issue in the alerting process.
Alert list grouping modes
Alert list panels support two grouping modes. Default grouping shows alert instances grouped by their alert rule. Custom grouping shows alert instances grouped by a custom set of labels, with label keys selected in the Group by option.
Alert list max items option
The Max items option sets the maximum number of alerts to list when Group mode is set to Default grouping. This option is hidden when Custom grouping is selected. By default, Grafana sets this value to 20.
Alert list view modes
The Alert list panel supports two view modes: List mode displays alerts in a detailed list format with comprehensive information, and Stat mode shows alerts as a summarized single-value statistic.
Alert list sort order options
Alert list panels support the following sort orders: Alphabetical (asc) for alphabetical order, Alphabetical (desc) for reverse alphabetical order, Importance by importance values (alerting/firing: 1, no_data: 2, pending: 3, ok: 4, paused/inactive: 5), Time (asc) for oldest active alert instances first, and Time (desc) for newest active alert instances first.
Alert list visualization overview
Alert lists display a list of important alerts that you want to track. The alert list panel shows the current state of alerts, such as firing, pending, or normal. On each dashboard load, the visualization queries the alert list to provide the most up-to-date results.
Alert list alerts linked to dashboard option
The Alerts linked to this dashboard toggle option can be enabled to only show alerts from the dashboard the alert list panel is in.
Display name field and variable support
The Display name option sets the display title of all fields. You can use variables in the field title. When multiple stats, fields, or series are displayed, this field controls the title in each stat. You can use expressions like ${__field.name} to use only the series name or field name in the title.
Custom unit syntax: count and currency
Custom units support count:<unit> (custom count unit) and currency:<unit> (custom currency unit). Additionally, currency:financial:<unit> provides full format currency without abbreviations, displaying complete numeric values instead of scaled abbreviations (K for Thousand, M for Million, B for Billion, T for Trillion). For example, currency:financial:$ displays 500,555 instead of $501K. Add :suffix to place the symbol after the number, such as currency:financial:€:suffix which displays 500,555€.