Panels and visualizations on Grafana Labs

Visualizations

Fri, 03 Apr 2026 12:35:46 -0500

Visualizations

Grafana offers a variety of visualizations to support different use cases. This section of the documentation highlights the built-in visualizations, their options and typical usage.

Note
If you are unsure which visualization to pick, Grafana can provide visualization suggestions based on the panel query. When you select a visualization, Grafana will show a preview with that visualization applied.

Graphs & charts
- Time series is the default and main graph visualization. Alerts are supported in this panel.
- State timeline for state changes over time.
- Status history for periodic state over time.
- Bar chart shows any categorical data.
- Histogram calculates and shows value distribution in a bar chart.
- Heatmap visualizes data in two dimensions, used typically for the magnitude of a phenomenon.
- Pie chart is typically used where proportionality is important.
- Candlestick is typically for financial data where the focus is price/data movement.
- Gauge is the traditional rounded visual showing how far a single metric is from a threshold.
- Trend for datasets that have a sequential, numeric x that is not time.
- XY chart provides a way to visualize arbitrary x and y values in a graph.
Stats & numbers
- Stat for big stats and optional sparkline.
- Bar gauge is a horizontal or vertical bar gauge.
Misc
- Table is the main and only table visualization.
- Logs is the main visualization for logs.
- Node graph for directed graphs or networks.
- Traces is the main visualization for traces.
- Flame graph is the main visualization for profiling.
- Canvas allows you to explicitly place elements within static and dynamic layouts.
- Geomap helps you visualize geospatial data.
- Datagrid allows you to create and manipulate data, and act as data source for other panels.
Widgets
- Dashboard list can list dashboards.
- Alert list can list alerts.
- Annotations list can list available annotations.
- Text can show markdown and html.
- News can show RSS feeds.

The following video shows you how to create gauge, time series line graph, stats, logs, and node graph visualizations:

Get more

You can add more visualization types by installing panel plugins.

Examples

Below you can find some good examples for how all the visualizations in Grafana can be configured. You can also explore play.grafana.org which has a large set of demo dashboards that showcase all the different visualizations.

Graphs

For time based line, area and bar charts we recommend the default time series visualization. This public demo dashboard contains many different examples for how this visualization can be configured and styled.

For categorical data use a bar chart.

Big numbers & stats

A stat shows one large stat value with an optional graph sparkline. You can control the background or value color using thresholds or color scales.

Gauge

If you want to present a value as it relates to a min and max value you have two options. First a standard radial gauge shown below.

Secondly Grafana also has a horizontal or vertical bar gauge with three different distinct display modes.

Table

To show data in a table layout, use a table.

Pie chart

To display reduced series, or values in a series, from one or more queries, as they relate to each other, use a pie chart.

Heatmaps

To show value distribution over, time use a heatmap.

State timeline

A state timeline shows discrete state changes over time. When used with time series, the thresholds are used to turn the numerical values into discrete state regions.

Panel overview

Fri, 03 Apr 2026 12:35:46 -0500

Panel overview

A Grafana panel is a visual representation of data composed of a query and a visualization. Within panels, you can apply transformations, which process the results of a query before they’re passed on for visualization. You can also further customize a panel by formatting data and configuring visualization options.

Each panel has a query editor specific to the data source selected in the panel. The query editor allows you to build a query that returns the data you want to visualize.

Panels offer a wide variety of formatting and styling options, from applying colors based on field values to creating custom units. Each visualization also comes with options specific to it that give you further control over how your data is displayed. Panels can also be dragged, dropped, and resized to rearrange them on the dashboard.

To get started adding panels, ensure that you have configured a data source:

For details about using data sources, refer to Data sources.
For more information about managing data sources as an administrator, refer to Data source management.

Note
Data source management is only available in Grafana Enterprise and Grafana Cloud.

Panel feature overview

The following image and descriptions highlight the panel features:

Panel title - You can create your own panel titles or have Grafana create them for you using generative AI features.
Panel description - You can create your own panel descriptions or have Grafana create them for you using generative AI features
Links - Add panel links to other dashboards, panels, or external sites.
Panel menu - In the panel menu, access actions such as View, Edit, Inspect, and Remove.
Legend - Change series colors, y-axis, and series visibility directly from the legend.
Tooltips - View tooltips to get more information about data points.

To access the panel editor, hover over the top-right corner of any panel. Click the panel menu icon that appears and select Edit. The panel menu gives you access to the following actions:

View: View the panel in full screen.
Edit: Open the panel editor to edit panel and visualization options.
Share: Share the panel as a link, embed, or snapshot.
Explore: Open the panel in Explore, where you can focus on your query.
Inspect: Open the Inspect drawer, where you can review the panel data, stats, metadata, JSON, and query.
- Data: Open the Inspect drawer in the Data tab.
- Query: Open the Inspect drawer in the Query tab.
- Panel JSON: Open the Inspect drawer in the JSON tab.
Extensions: Access other actions provided by installed applications, such as declaring an incident. Note that this option doesn’t appear unless you have app plugins installed which contribute an extension to the panel menu.
More: Access other panel actions.
- Duplicate: Make a copy of the panel. Duplicated panels query data separately from the original panel. You can use the special Dashboard data source to share the same query results across panels instead.
- Copy: Copy the panel to the clipboard.
- New library panel: Create a panel that can be imported into other dashboards.
- New alert rule: Open the alert rule configuration page in Alerting, where you can create a Grafana-managed alert based on the panel queries.
- Hide legend: Hide the panel legend.
- Get help: Send a snapshot or panel data to Grafana Labs Technical Support.
Remove: Remove the panel from the dashboard.

Keyboard shortcuts

Grafana has a number of keyboard shortcuts available specifically for panels. Press ? on your keyboard to display all keyboard shortcuts available in your version of Grafana.

By hovering over a panel with the mouse you can use some shortcuts that will target that panel.

e: Toggle panel edit view
v: Toggle panel fullscreen view
pu: Share link
pe: Share embed
ps: Share snapshot
px: Open panel in Explore
pd: Duplicate Panel
i: Inspect
pl: Hide or show legend
pr: Remove Panel

Pan and zoom panel time range

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.

This feature is supported for the following visualizations:

Candlestick
Heatmap
State timeline
Status history
Time series

Zoom in

Click and drag on the panel to zoom in on a particular time range.

The following screen recordings show this interaction in the time series and candlestick visualizations:

Time series

Candlestick

Zoom out

Double-click anywhere on the panel to zoom out the time range.

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 follows with each double-click:

Next range: 8:30 - 10:29
Next range: 7:30 - 11:29

The following screen recordings demonstrate the preceding example in the time series and heatmap visualizations:

Time series

Heatmap

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.

The following screen recordings show this interaction in the time series visualization:

Time series

Add a panel

To add a panel in a new dashboard click + Add visualization in the middle of the dashboard:

To add a panel to an existing dashboard, follow these steps:

Click Edit in the top-right corner of the dashboard.
Click the Add drop-down and select Visualization:

Panel configuration

To configure panels, refer to the following subtopics:

Panel editor

Fri, 03 Apr 2026 12:35:46 -0500

Panel editor

In the panel editor, you can update all the elements of a visualization including the data source, queries, time range, and visualization display options.

This following sections describe the areas of the Grafana panel editor.

Panel header

The header section lists the dashboard in which the panel appears and the following controls:

Back to dashboard - Return to the dashboard with changes applied, but not yet saved.
Discard panel changes - Discard changes you have made to the panel since you last saved the dashboard.
Save dashboard - Save your changes to the dashboard.

Visualization preview

The visualization preview section contains the following options:

Table view - Convert any visualization to a table so you can see the data. Table views are helpful for troubleshooting. This view only contains the raw data. It doesn’t include transformations you might have applied to the data or the formatting options available in the Table visualization.
Time range controls - Default is either the browser local timezone or the timezone selected at a higher level.
Refresh - Query the data source.

Data section

The data section contains tabs where you enter queries, transform your data, and create alert rules (if applicable).

Queries
- Select your data source. You can also set or update the data source in existing dashboards using the drop-down menu in the Queries tab.
- Saved queries:
  - Save query - To save the query for reuse, click the Save query button (or icon).
  - Replace query - Reuse a saved query.
- + Add query - Add an additional query.
- + Add from saved queries - Add an additional query by reusing a saved query.
Note
Saved queries is currently in public preview in Grafana Enterprise and Grafana Cloud only.
Transformations - Apply data transformations. For more information, refer to Transform data.
Alert - Write alert rules. For more information, refer to the overview of Grafana Alerting.

Panel display options

The display options section contains tabs where you configure almost every aspect of your data visualization.

The panel inspect view

Fri, 03 Apr 2026 12:35:46 -0500

The panel inspect view

The panel inspect view, which you can open via the panel menu, helps you understand and troubleshoot your panels. You can inspect the raw data for any Grafana panel, export that data to a comma-separated values (CSV) file, view query requests, and export panel and data JSON.

Note: Not all panel types include all tabs. For example, dashboard list panels do not have raw data to inspect, so they do not display the Stats, Data, or Query tabs.

The panel inspector consists of the following options:

The panel inspector displays Inspect: at the top of the pane. Click the arrow in the upper right corner to expand or reduce the pane.
Data tab - Shows the raw data returned by the query with transformations applied. Field options such as overrides and value mappings are not applied by default.
Stats tab - Shows how long your query takes and how much it returns.
JSON tab - Allows you to view and copy the panel JSON, panel data JSON, and data frame structure JSON. This is useful if you are provisioning or administering Grafana.
Query tab - Shows you the requests to the server sent when Grafana queries the data source.
Error tab - Shows the error. Only visible when query returns error.

Download raw query results

Grafana generates a CSV file that contains your data, including any transformations to that data. You can choose to view the data before or after the panel applies field options or field option overrides.

Edit the panel that contains the query data you want to download.
In the query editor, click Query Inspector.
Click Data.

If your panel contains multiple queries or queries multiple nodes, then you have additional options.
- Select result: Choose which result set data you want to view.
- Transform data
- Join by time: View raw data from all your queries at once, one result set per column. Click a column heading to reorder the data.
To see data before the system applies field overrides, click the Formatted data toggle.
To download a CSV file specifically formatted for Excel, click the Download for Excel toggle .
Click Download CSV.

Inspect query performance

The Stats tab displays statistics that tell you how long your query takes, how many queries you send, and the number of rows returned. This information can help you troubleshoot your queries, especially if any of the numbers are unexpectedly high or low.

Edit the panel that contains the query with performance you want to inspect.
In the query editor, click Query Inspector.
Click Stats.

Statistics are displayed in read-only format.

Inspect query request and response data

Inspect query request and response data when you want to troubleshoot a query that returns unexpected results, or fails to return expected results.

Edit the panel that contains the query you want to export.
In the query editor, click Query Inspector.
Click Refresh.

The panel populates with response data.
Make adjustments, as necessary 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.

Query and transform data

Fri, 03 Apr 2026 12:35:46 -0500

Query and transform data

Grafana supports many types of data sources. Data source queries return data that Grafana can transform and visualize. Each data source uses its own query language, and data source plugins each implement a query-building user interface called a query editor.

About queries

Grafana panels communicate with data sources using queries, which retrieve data for the visualization. A query is a question written in the query language used by the data source.

You can configure query frequency and data collection limits in the panel’s data source options. Grafana supports up to 26 queries per panel.

Note
You must be familiar with a data source’s query language. For more information, refer to Data sources.

Query editors

Each data source’s query editor provides a customized user interface that helps you write queries that take advantage of its unique capabilities.

Because of the differences between query languages, each data source query editor looks and functions differently. Depending on your data source, the query editor might provide auto-completion features, metric names, variable suggestions, or a visual query-building interface.

For example, this video demonstrates the visual Prometheus query builder:

{ responded = true; response && response.status === 200 ? vimeo_is_up = true : vimeo_is_up = false; }) .catch(error => { responded = true; })" >

For details on a specific data source’s unique query editor features, refer to its documentation:

For data sources included with Grafana, refer to Built-in core data sources, which links to each core data source’s documentation.
For data sources installed as plugins, refer to the documentation for the plugin.
- Data source plugins in Grafana’s plugin catalog link to or include their documentation in their catalog listings. For details about the plugin catalog, refer to Plugin management.
- For links to Grafana Enterprise data source plugin documentation, refer to the Enterprise plugins index.

Query syntax

Each data source uses a different query languages to request data. For details on a specific data source’s unique query language, refer to its documentation.

PostgreSQL example:

SELECT hostname FROM host WHERE region IN($region)

PromQL example:

query_result(max_over_time(<metric>[${__range_s}s]) != <state>)

Saved queries

Note
Saved queries is currently in public preview. Grafana Labs offers limited support, and breaking changes might occur prior to the feature being made generally available.

This feature is only available on Grafana Enterprise and Grafana Cloud. It will gradually roll out to all Grafana Cloud users with no action required. To try out this feature on Grafana Enterprise, enable the queryLibrary feature toggle.

You can save queries that you’ve created so they can be reused by you and others in your organization. This helps users across your organization create dashboards or find insights in Explore without having to create their own queries or know a query language. It also helps you avoid having several users build the same queries for the same data sources multiple times.

Saved queries are available in:

You can see a list of these queries in the Saved queries drawer:

When you first open the drawer, the list of queries in the All tab is filtered by the data source of the panel. However, you can clear that filter to display all saved queries.

The list in the Favorites tab is also filtered by data source, by default. The Recent tab displays the last 20 queries across all data sources from your Query history in Explore. From this tab, you can save queries for reuse as well.

In the Saved queries drawer, you can:

Search for queries by data source name, query content, title, or description.
Sort queries alphabetically or by creation date.
Filter by data source name, author name, and tags (the tag filter uses the OR operator, while the others use the AND operator).
Set queries as favorites.
Duplicate, lock and unlock a query for editing, or delete a saved query. By default, saved queries are locked for editing.
Edit a query title, description, or tags.
When you access the Saved queries drawer from Explore, you can use the Edit in Explore option to edit the body of a query.

To access your saved queries, click + Add from saved queries or open the Saved queries drop-down menu and click Replace query in the query editor:

Clicking + Add from saved queries adds an additional query, while clicking Replace query in the Saved queries drop-down menu updates your existing query.

Roles, permissions, and RBAC

Saved queries support role-based access controls. By default, saved queries have two RBAC roles:

Writer: Create, update, and delete all saved queries.
Reader: Reuse saved queries.

If you used saved queries prior to the addition of RBAC support in Grafana v12.4, Grafana user roles are mapped as follows:

Admin > Writer
Editor > Writer
Viewer > Reader

Save a query

To save a query you’ve created:

From the query editor, open the Saved queries drop-down menu and click the Save query option:
In the Saved queries drawer, enter a title for the query that will make it easy to find later.
(Optional) Enter a description and relevant tags.
Click Save.

Known limitations

No validation is performed when you save a query, so it’s possible to save an invalid query. You should confirm the query is working properly before you save it.
Saved queries are currently accessible from the query editors in Dashboards and Explore.
You can save a maximum of 1000 queries.
If you have multiple queries open in Explore and you edit one of them by way of the Edit in Explore function in the Saved queries drawer, the edited query replaces your open queries in Explore.

Special data sources

Grafana also includes three special data sources: Grafana, Mixed, and Dashboard. For details, refer to Data sources

Navigate the Queries tab

A panel’s Queries tab consists of the following elements:

Data source selector - Selects the data source to query. For more information about data sources, refer to Data sources.
Query options - Sets maximum data retrieval parameters and query execution time intervals.
Query inspector button - Opens the query inspector panel, where you can view and optimize your query.
Query editor list - The list of queries you’ve written. Each query can be expanded or collapsed.
Expressions - Uses the expression builder to create alert expressions. For more information about expressions, refer to Use expressions to manipulate data.

Add a query

A query returns data that Grafana visualizes in dashboard panels. When you create a panel, Grafana automatically selects the default data source.

To add a query, follow these steps:

Hover the cursor over any part of the panel to which you’re adding a query to display the menu icon in the top-right corner.
Click the menu and select Edit.
In the panel editor, click the Queries tab.
Click the Data source drop-down menu and select a data source.

If you’re creating a new dashboard, you’ll be prompted to select a data source when you add the first panel.
Click Query options to configure the maximum number of data points you need.

For more information about query options, refer to Query options.
To create a query, do one of the following:
- Write or construct a query in the query language of your data source.
- Open the Saved queries drop-down menu and click Replace query to reuse a saved query.
Note
Saved queries is currently in public preview. Grafana Labs offers limited support, and breaking changes might occur prior to the feature being made generally available.

This feature is only available on Grafana Enterprise and Grafana Cloud.
(Optional) To save the query for reuse, click the Save query option in the Saved queries drop-down menu.
(Optional) Click + Add query or Add from saved queries to add more queries as needed.
Click Run queries.

Grafana queries the data source and visualizes the data.

Manage queries

Grafana organizes queries in collapsible query rows. Each query row contains a query editor and is identified with a letter (A, B, C, and so on).

You can:

Icon	Description
	Toggles query editor help. If supported by the data source, click this icon to display information on how to use the query editor or provide quick access to common queries.
	Create recorded queries so you can see trends over time by taking a snapshot of a data point on a set interval (Enterprise and Cloud only).
	Save query. Saves the query so it can be reused. Access saved queries by clicking + Add saved query. For more information, refer to Saved queries (Enterprise and Cloud only).
	Copies a query. Duplicating queries is useful when working with multiple complex queries that are similar and you want to either experiment with different variants or do minor alterations.
	Hides a query. Grafana does not send hidden queries to the data source.
	Removes a query. Removing a query permanently deletes it, but sometimes you can recover deleted queries by reverting to previously saved versions of the panel.
	Reorders queries. Change the order of queries by clicking and holding the drag icon, then drag queries where desired. The order of results reflects the order of the queries, so you can often adjust your visual results based on query order.

Query options

Click Query options next to the data source selector to see settings for the selected data source. Changes you make here affect only queries made in this panel.

Grafana sets defaults that are shown in dark gray text. Changes are displayed in white text. To return a field to the default setting, delete the white text from the field.

Panel data source query options include:

Max data points - If the data source supports it, this sets the maximum number of data points for each series returned. If the query returns more data points than the max data points setting, then the data source reduces the number of points returned by aggregating them together by average, max, or another function.

You can limit the number of points to improve query performance or smooth the visualized line. The default value is the width (or number of pixels) of the graph, because you can only visualize as many data points as the graph panel has room to display.

With streaming data, Grafana uses the max data points value for the rolling buffer. Streaming is a continuous flow of data, and buffering divides the stream into chunks. For example, Loki streams data in its live tailing mode.
Min interval - Sets a minimum limit for the automatically calculated interval, which is typically the minimum scrape interval. If a data point is saved every 15 seconds, you don’t benefit from having an interval lower than that. You can also set this to a higher minimum than the scrape interval to retrieve queries that are more coarse-grained and well-functioning.

Note
The Min interval corresponds to the min step in Prometheus. Changing the Prometheus interval can change the start and end of the query range because Prometheus aligns the range to the interval. Refer to Min step for more details.
Interval - Sets a time span that you can use when aggregating or grouping data points by time.

Grafana automatically calculates an appropriate interval that you can use as a variable in templated queries. The variable is measured in either seconds ($__interval) or milliseconds ($__interval_ms).

Intervals are typically used in aggregation functions like sum or average. For example, this is a Prometheus query that uses the interval variable: rate(http_requests_total[$__interval]).

This automatic interval is calculated based on the width of the graph. As the user zooms out on a visualization, the interval grows, resulting in a more coarse-grained aggregation. Likewise, if the user zooms in, the interval decreases, resulting in a more fine-grained aggregation.

For more information, refer to Global variables.

Relative time - Overrides the relative time range for individual panels, which causes them to be different than what is selected in the dashboard time picker in the top-right corner of the dashboard. You can use this to show metrics from different time periods or days on the same dashboard.

Note
Panel time overrides have no effect when the dashboard’s time range is absolute.

Example	Relative time field
Last 5 minutes	`now-5m`
The day so far	`now/d`
Last 5 days	`now-5d/d`
This week so far	`now/w`
Last 2 years	`now-2y/y`

Give it a try using Grafana Play

With Grafana Play, you can explore and see how it works, learning from practical examples to accelerate your development. This feature can be seen on Time range override.

Try it

Time shift - Overrides the time range for individual panels by shifting its start and end relative to the time picker. For example, you can shift the time range for the panel to be two hours earlier than the dashboard time picker.

Note
Panel time overrides have no effect when the dashboard’s time range is absolute.

Example	Time shift field
Last entire week	`1w/w`
Two entire weeks ago	`2w/w`
Last entire month	`1M/M`
This entire year	`1d/y`
Last entire year	`1y/y`

Cache timeout - (Visible only if available in the data source) Overrides the default cache timeout if your time series store has a query cache. Specify this value as a numeric value in seconds.

Configure panel options

Fri, 03 Apr 2026 12:35:46 -0500

Configure panel options

There are settings common to all visualizations, which you set in the Panel options section of the panel editor pane. The following sections describe these options as well as how to set them.

Panel options

Set the following options to provide basic information about a panel and define basic display elements:

Option	Description
Title	Text entered in this field appears at the top of your panel in the panel editor and in the dashboard. You can use variables you have defined or global variables.
Description	Text entered in this field appears in a tooltip in the upper-left corner of the panel. Add a description to a panel to share with users any important information about it, such as its purpose. You can use variables you have defined or dashboard-scoped global variables (such as `$__from`, `$__to`, `$__dashboard`, `$__org`, and `$__user`). Query-scoped global variables (such as `$__interval` and `$__interval_ms`) are not available in this field.
Transparent background	Toggle this switch on and off to control whether or not the panel has the same background color as the dashboard.
Panel links	Add links to the panel to create shortcuts to other dashboards, panels, and external websites. Access panel links by clicking the icon next to the panel title.
Repeat options	Set whether to repeat the panel for each value in the selected variable. For more information, refer to Configure repeating panels.

You can use generative AI to populate the Title and Description fields with the Grafana LLM plugin, which is currently in public preview. To enable this, refer to Set up generative AI features for dashboards.

Configure repeating panels

You can configure Grafana to dynamically add panels or rows to a dashboard. A dynamic panel is a panel that the system creates based on the value of a variable. Variables dynamically change your queries across all panels in a dashboard. For more information about repeating rows, refer to Configure repeating rows.

To see an example of repeating panels, refer to this dashboard with repeating panels.

Before you begin:

Ensure that the query includes a multi-value variable.

To configure repeating panels, follow these steps:

Navigate to the panel you want to update.
Hover over any part of the panel to display the menu on the top right corner.
Click the menu and select Edit.
Open the Panel options section of the panel editor pane.
Under Repeat options, select a variable in the Repeat by variable drop-down list.
Under Repeat direction, choose one of the following:
- Horizontal - Arrange panels side-by-side. Grafana adjusts the width of a repeated panel. You can’t mix other panels on a row with a repeated panel.
- Vertical - Arrange panels in a column. The width of repeated panels is the same as the original, repeated panel.
If you selected Horizontal in the previous step, select a value in the Max per row drop-down list to control the maximum number of panels that can be in a row.
Click Save dashboard.
Click Back to dashboard and then Exit edit.
To propagate changes to all panels, reload the dashboard.

You can stop a panel from repeating by selecting Disable repeating in the Repeat by variable drop-down list.

Configure standard options

Fri, 03 Apr 2026 12:35:46 -0500

Configure standard options

Standard options in the panel editor pane let you change how field data is displayed in your visualizations. Options that you apply don’t change the data, they just change how Grafana displays the data.

When you set a standard option, the change is applied to all fields or series. For example, if you set the Unit option to Percentage, all fields with numeric values are displayed as percentages.

For more granular control over the display of fields, refer to Configure overrides.

Supported visualizations

You can configure standard options for the following visualizations:

Standard options

This section explains all available standard options.

To set these options, expand the Standard options section in the panel editor pane. Most field options won’t affect the visualization until you click outside of the field option box you’re editing or press Enter.

Note
Not all of the options listed apply to all visualizations with standard options.

Unit

This option lets you choose which unit a field should use. Click in the Unit field, then drill down until you find the unit you want. The unit you select is applied to all fields except time.

Custom units

You can also use the Unit drop-down to specify custom units, custom prefixes or suffixes, and date time formats.

To set a custom unit, enter the unit you want to use and then select it in the drop-down. It’ll be the last option listed. For example, if you enter a unit called “Hearts”, the drop-down will then include the option Custom unit: Hearts.

You can further define a custom unit with specific syntax. For example, to set a custom currency unit called “Gems”, enter currency:Gems in the field. The drop-down will include the option Custom unit: currency:Gems:

The following table lists the special syntax options for custom units:

Custom unit	Description
`suffix:<suffix>`	Custom unit that should go after value.
`prefix:<prefix>`	Custom unit that should go before value.
`time:<format>`	Custom date time formats type, such as `time:YYYY-MM-DD`. Refer to formats for the format syntax and options.
`si:<base scale><unit characters>`	Custom SI units, such as `si: mF`. You can specify both a unit and the source data scale. For example, if your source data is represented as milli-something, prefix the unit with the `m` SI scale character.
`count:<unit>`	Custom count unit.
`currency:<unit>`	Custom currency unit.
`currency:financial:<unit>`	Full format currency unit without abbreviations. Displays complete numeric values instead of scaled abbreviations (K: Thousand, M: Million, B: Billion, T: Trillion). For example, `currency:financial:$` displays `500,555` instead of `$501K`. Add `:suffix` to place the symbol after the number: `currency:financial:€:suffix` displays `500,555€`.

You can also paste a native emoji in the Unit drop-down and select it as a custom unit:

Time format units

All Date & time format units in Grafana (such as Datetime ISO or Datetime US) expect input values to be in milliseconds since the Unix epoch (January 1, 1970). If your data source provides timestamps in seconds, these will be incorrectly interpreted as dates very close to January 1, 1970.

To display timestamps that are in seconds since epoch, multiply your timestamp values by 1000 using a transformation following these steps:

In the panel editor, click the Transformations tab.
Click Add transformation.
Select the Add field from calculation transformation.
Set the following options:
- Mode - Binary operation
- Operation
  - Select your timestamp field
  - Select the asterisk (*) for multiply by
  - Enter 1000 in the Field or Number field
- Toggle the Replace all fields switch on if you want to see the calculated field.

Control unit scaling

By default, Grafana automatically scales the unit based on the magnitude of the value. For example, if you have values of 0.14kW and 3000kW, Grafana displays them as 140W and 3MW, respectively. You can use custom units to control this behavior by setting a prefix, suffix, or custom SI unit.

String units

Sometimes Grafana is too aggressive in interpreting strings and displaying them as numbers. To configure Grafana to show the original string value, select Misc > String in the Unit drop-down.

Min

Set the minimum value used in percentage threshold calculations. Leave this field empty to automatically calculate the minimum.

Max

Set the maximum value used in percentage threshold calculations. Leave this field empty to automatically calculate the maximum.

Field min/max

By default, the calculated Min and Max are based on the minimum and maximum of all series and fields. When you enable Field min/max, Grafana calculates the min or max of each field individually, based on the minimum or maximum value of the field.

Decimals

Specify the number of decimals Grafana includes in the rendered value. If you leave this field empty, Grafana automatically truncates the number of decimals based on the value. For example 1.1234 displays as 1.12 and 100.456 displays as 100.

To display all decimals, set the unit to String.

Display name

Set 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 the field name in the title.

The following table shows examples of the different field names generated using various expressions. In this example, there’s a field with a name of “Temp” and labels of {“Loc”=“PBI”, “Sensor”=“3”}:

Expression syntax	Example	Renders to	Explanation
`${__field.displayName}`	Same as syntax	`Temp {Loc="PBI", Sensor="3"}`	Displays the field name, and labels in `{}` if they are present. If there is only one label key in the response, then for the label portion, Grafana displays the value of the label without the enclosing braces.
`${__field.name}`	Same as syntax	`Temp`	Displays the name of the field (without labels).
`${__field.labels}`	Same as syntax	`Loc="PBI", Sensor="3"`	Displays the labels without the name.
`${__field.labels.X}`	`${__field.labels.Loc}`	`PBI`	Displays the value of the specified label key.
`${__field.labels.__values}`	Same as Syntax	`PBI, 3`	Displays the values of the labels separated by a comma (without label keys).

If the value is an empty string after rendering the expression for a particular field, then the default display method is applied.

Color scheme

The Color scheme options let you set single or multiple colors for your entire visualization.

The color options and their effect on a visualization depend on the visualization you’re working with and some visualizations have different color options.

Select one of the following schemes:

Color scheme	Description
Single color	Specifies a single color.
Shades of a color	Grafana selects shades of a single color.
From thresholds (by value)	The color is taken from the matching threshold. For some visualizations, you also need to choose if the color is set by the Last, Min, or Max value of the field or series.
Classic palette	Grafana automatically assigns a color for each field or series based on its order. If the order of a field changes in your query, the color also changes. Useful for graphs, pie charts, and other categorical data visualizations.
Classic palette (by series name)	Grafana automatically assigns colors based on the name of the series. Useful when the series names to be visualized can change based on the available data.
Multiple continuous colors (by value)	Grafana automatically assigns colors based on the percentage of a value relative to the min and the max of the field or series. For some visualizations, you also need to choose if the color is set by the Last, Min, or Max value of the field or series. Select from: Green-Yellow-Red, Red-Yellow-Green, Blue-Yellow-Red, Yellow-Red, Blue-Purple, and Yellow-Blue.
Single continuous color (by value)	Grafana automatically assigns shades of one color based on the percentage of a value relative to the min and the max of the field or series. For some visualizations, you also need to choose if the color is set by the Last, Min, or Max value of the field or series. Select from: Blues, Reds, Greens, and Purples.

You can also use the legend to open the color picker by clicking the legend series color icon. Setting color this way automatically creates an override rule that set’s a specific color for a specific series.

No value

Enter what Grafana should display if the field value is empty or null. The default value is a hyphen (-).

Configure a legend

Fri, 03 Apr 2026 12:35:46 -0500

Configure a legend

A panel includes a legend that you can use to identify and interpret data displayed in a visualization. Each legend option adds context and clarity to the data illustrated in a visualization.

Supported visualizations

Legends are supported for the following visualizations:

Geomaps and heatmaps also have legends, but they only provide the choice to display or not display a legend and don’t support other legend options.

Legend options

You can find the following options under the Legend section in the panel edit pane.

Note
Not all of the options listed apply to all visualizations with legends.

Visibility

Set whether the legend is displayed or not. Use the switch to toggle a legend on or off.

Mode

Set the format in which the legend is displayed. Choose from:

List
Table

When you format a legend as a table, other information about the legend, such as associated values or where it’s located in the visualization, might be displayed as well.

Placement

Set where on the visualization a legend is displayed. Choose from:

Bottom
Right

Width

If you set the legend placement to Right, the Width option becomes available. Leave the field empty to allow Grafana to automatically set the legend width or enter a value in the field.

Values

You can add more context to a visualization by adding series data values or calculations to a legend. You can add as many values as you’d like. After you apply your changes, you can scroll the legend to see all values.

Change a series color

By default, Grafana sets the colors of your series data, but you can change them through the panel legend. To change the series data color, follow these steps:

Navigate to the panel you want to update.
In the legend, click the color bar associated with the series.
Select a pre-set color in the Colors tab or set a custom color in the Custom tab, using the picker or RGB values.
Save the dashboard.

Isolate series data in a visualization

Visualizations can often be visually complex, and include many data series. You can simplify the view by removing series data from the visualization through the legend, which isolates the data you want to see. When you do this, Grafana automatically creates a new override in the Override section.

To isolate a series, follow these steps:

Navigate to the panel you want to update.
In the legend, click the label of the series you want to isolate.

The system removes all other series data from view.
To incrementally add series data back to an isolated series, press the Ctrl or Command key and click the label of the series you want to add.
To save your changes so that they appear to all viewers of the panel, save the dashboard.

To revert back to the default view that includes all data, click any series label twice.

Sort series

When you format a legend as a table and add values to it, you can sort series in the table by those values. To do so, follow these steps:

Navigate to the panel you want to update.
Hover over any part of the panel you want to work on to display the menu on the top right corner.
Click the menu and select Edit.
Scroll to the Legend section of the panel edit pane.
Under Mode, select Table.
Under Values, select the value or calculation that you want to show.

The legend table now displays values.
Click the calculation name header in the legend table to sort the values in the table in ascending or descending order.

Note
This feature is only supported for the following visualizations: bar chart, histogram, time series.

Configure tooltips

Fri, 03 Apr 2026 12:35:46 -0500

Configure tooltips

When you hover your cursor over a visualization, Grafana can display tooltips that contain more information about a data point, like the exact time of a result. You can customize tooltips to control how many series they include and the order of those values. You can also copy the content from tooltips to use elsewhere. Learn more about configuring tooltips in Tooltip options.

Supported visualizations

You can configure tooltips for the following visualizations:

Some visualizations, for example candlestick and flame graph, have tooltips, but they aren’t configurable. These visualizations don’t have a Tooltip section in the panel editor pane. Geomaps provide you the option to have tooltips triggered upon click or hover under the Map controls options in the panel editor pane.

Tooltip options

You can find the following options under the Tooltip section in the panel edit pane.

Note
Not all of the options listed apply to all visualizations with tooltips.

Tooltip mode

Choose how tooltips behave with the following options:

Single - The tooltip only the single series that you’re hovering over in the visualization.
All - The 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 - Tooltips aren’t displayed when you interact with the visualization.

You can use a field 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.

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

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.

Show histogram (Y axis)

For the heatmap visualization only, when you set the Tooltip mode to Single, the Show histogram (Y axis) option is displayed. This option controls whether or not the tooltip includes a histogram representing the y-axis.

Show color scale

For the heatmap visualization only, when you set the Tooltip mode to Single, the Show color scale option is displayed. This option controls whether or not the tooltip includes the color scale that’s also represented in the legend. When the color scale is included in the tooltip, it shows the hovered value on the scale:

Configure data links and actions

Fri, 03 Apr 2026 12:35:46 -0500

Configure data links and actions

Data links allow you to link to other panels, dashboards, and external resources and actions let you trigger basic, unauthenticated, API calls. In both cases, you can carry out these tasks while maintaining the context of the source panel.

Data links

With data links, you can create links that include the series name or even the value under the cursor. For example, if your visualization shows four servers, you can add a data link to one or two of them.

The link itself is accessible in different ways depending on the visualization. For the time series visualization you need to click a data point or line:

For visualizations like stat, gauge, or bar gauge you can click anywhere on the visualization to open the context menu:

If there’s only one data link in the visualization, clicking anywhere on the visualization opens the link rather than the context menu.

Supported visualizations

You can configure data links for the following visualizations:

Actions

Using actions, you can trigger processes like starting or shutting down a server, directly from a dashboard panel. API settings are configured in the Add action dialog box. You can also pass variables in the API editor.

Supported visualizations

You can configure actions for the following visualizations:

Data link and action variables

Variables in data links and actions let you send people to a detailed dashboard or trigger an API call with preserved data filters. For example, you could use variables to specify a label, time range, series, or variable selection.

To see a list of available variables, enter $ in the data link or action URL field.

Note
These variables changed in 6.4 so if you have an older version of Grafana, then use the version picker to select docs for an older version of Grafana.

Azure Monitor, CloudWatch, and Google Cloud Monitoring have pre-configured data links called deep links.

You can also use template variables in your data links or actions URLs. For more information, refer to Templates and variables.

Time range panel variables

These variables allow you to include the current time range in the data link or action URL:

Variable	Description
`__url_time_range`	Current dashboard’s time range (for example, `?from=now-6h&to=now`)
`__from`	For more information, refer to Global variables.
`__to`	For more information, refer to Global variables.

When you create data links and actions using time range variables like __url_time_range in the URL, you have to form the query parameter syntax yourself; that is, you must format the URL by appending query parameters using the question mark (?) and ampersand (&) syntax. These characters aren’t automatically generated.

Series variables

Series-specific variables are available under __series namespace:

Variable	Description
`__series.name`	Series name to the URL

Field variables

Field-specific variables are available under __field namespace:

Variable	Description
`__field.name`	The name of the field
`__field.labels.<LABEL>`	Label’s value to the URL. If your label contains dots, then use `__field.labels["<LABEL>"]` syntax.

Value variables

Value-specific variables are available under __value namespace:

Variable	Description
`__value.time`	Value’s timestamp (Unix ms epoch) to the URL (for example, `?time=1560268814105`)
`__value.raw`	Raw value
`__value.numeric`	Numeric representation of a value
`__value.text`	Text representation of a value
`__value.calc`	Calculation name if the value is result of calculation

Using value-specific variables in data links and actions can show different results depending on the set option of Tooltip mode.

When you create data links and actions using time range variables like __value.time in the URL, you have to form the query parameter syntax yourself; that is, you must add the question mark (?) and ampersand (&). These characters aren’t automatically generated.

Data variables

To access values and labels from other fields use:

Variable	Description
`__data.fields[i]`	Value of field `i` (on the same row)
`__data.fields["NameOfField"]`	Value of field using name instead of index
`__data.fields[1].labels.cluster`	Access labels of another field

Template variables

When linking to another dashboard that uses template variables, select variable values for whoever clicks the link.

${var-myvar:queryparam} - where var-myvar is the name of the template variable that matches one in the current dashboard that you want to use.

Variable state	Result in the created URL
selected one value	`var-myvar=value1`
selected multiple values	`var-myvar=value1&var-myvar=value2`
selected `All`	`var-myvar=All`

If you want to add all of the current dashboard’s variables to the URL, then use ${__all_variables}.

When you link to another dashboard, ensure that:

The target dashboard has the same variable name. If it doesn’t (for example, server in the source dashboard and host in the target), you must align them or explicitly map values (for example, &var-host=${server}).
You use the variable name, and not the label. Labels are only used as display text and aren’t recognized in URLs.

For example, if you have a variable with the name var-server and the label ChooseYourServer, you must use var-server in the URL, as shown in the following table:

Correct link	Incorrect link
`/d/xxxx/dashboard-b?orgId=1&var-server=web02`	`/d/xxxx/dashboard-b?orgId=1&var-ChooseYourServer=web02`

Add data links or actions

The following tasks describe how to configure data links and actions.

To add a data link, follow these steps:

Navigate to the panel to which you want to add the data link.
Hover over any part of the panel to display the menu icon in the upper-right corner.
Click the menu icon and select Edit to open the panel editor.
Scroll down to the Data links and actions section and expand it.
Click + Add link.
In the dialog box that opens, enter a Title.

This is a human-readable label for the link displayed in the UI. This is a required field.
Enter the URL to which you want to link.
(Optional) To add a data link variable, click in the URL field and enter $ or press Ctrl+Space or Cmd+Space to see a list of available variables.
If you want the link to open in a new tab, toggle the Open in a new tab switch.
If you want the data link to open with a single click on the visualization, toggle the One click switch.

Only one data link can have One click enabled at a time. One click is only supported for some visualizations.
Click Save to save changes and close the dialog box.
Click Save dashboard.
Click Back to dashboard and then Exit edit.

Note
Actions are not supported for all visualizations. For the list of supported visualizations, refer to Supported visualizations.

To add an action, by follow these steps:

Navigate to the panel to which you want to add the action.
Hover over any part of the panel to display the menu icon in the upper-right corner.
Click the menu icon and select Edit to open the panel editor.
Scroll down to the Data links and actions section and expand it.
Click + Add action.

In the dialog box that opens, define the API call settings:

Option	Description
Title	A human-readable label for the action that’s displayed in the UI.
Confirmation message	A descriptive prompt to confirm or cancel the action.
Method	Select from POST, PUT, or GET.
URL	The request URL. To add a variable, click in the URL field and enter `$` or press Ctrl+Space or Cmd+Space to see a list of available variables.
Variables	Key and Name pairs with a type selection. Click the + icon to add as many variables as you need. To add a variable to the request, prefix the key with `$`. You can set the values for the variables when performing an action.
Query parameters	Key and Value pairs. Click the + icon to add as many key/value pairs as you need.
Headers	Comprised of Key and Value pairs and a Content-Type. Click the + icon to add as many key/value pairs as you need.
Content-Type	Select from the following: application/json, text/plain, application/XML, and application/x-www-form-urlencoded.
Body	The body of the request.

Click Save to save changes and close the dialog box.
Click Save dashboard.
Click Back to dashboard and then Exit edit.

If you add multiple data links or actions, you can control the order in which they appear in the visualization. To do this, click and drag the data link or action to the desired position.

Configure value mappings

Fri, 03 Apr 2026 12:35:46 -0500

Configure value mappings

In addition to field overrides, value mapping is a technique you can use to change how data appears in a visualization.

For example, the mapping applied in the following image causes the visualization to display the text Cold, Good, and Hot in blue, green, and red for ranges of temperatures rather than actual temperature values. Using value mappings this way can make data faster and easier to understand and interpret.

Value mappings bypass unit formatting set in the Standard options section of panel editor, like color or number of decimal places displayed. When value mappings are present in a panel, Grafana displays a summary of them in the Value mappings section of the editor panel.

Supported visualizations

You can configure value mappings for the following visualizations:

Types of value mappings

Grafana supports the following value mapping types:

Value

A Value mapping maps specific values to text and a color. For example, you can configure a mapping so that all instances of the value 10 appear as Perfection! rather than the number. Use Value mapping when you want to format a single value.

Range

A Range mapping maps numerical ranges to text and a color. For example, if a value is within a certain range, you can configure a range value mapping to display Low or High rather than the number. Use Range mapping when you want to format multiple, continuous values.

Regex

A Regex mapping maps regular expressions to text and a color. For example, if a value is www.example.com, you can configure a regular expression value mapping so that Grafana displays www and truncates the domain. Use the Regex mapping when you want to format the text and color of a regular expression value.

Special

A Special mapping maps special values like Null, NaN (not a number), and boolean values like true and false to text and color. For example, you can configure a special value mapping so that null values appear as N/A. Use the Special mapping when you want to format uncommon, boolean, or empty values.

Examples

Refer to the following examples to learn more about value mapping.

Time series example

The following image shows a time series visualization with value mappings. Value mapping colors aren’t applied to this visualization, but the display text is shown on the axis.

Stat example

The following image shows a stat visualization with value mappings and text colors applied. You can hide the sparkline so it doesn’t interfere with the values.

Bar gauge example

The following image shows a bar gauge visualization with value mappings. Note that the value mapping colors are applied to the text, but not to the gauges.

Table example

The following image shows a table visualization with value mappings. If you want value mapping colors displayed on the table, then set the cell display mode to Color text or Color background.

Add a value mapping

Navigate to the panel you want to update.
Hover over any part of the panel you want to work on to display the menu on the top right corner.
Click the menu and select Edit.
Scroll to the Value mappings section and expand it.
Click Add value mappings.
Click Add a new mapping and then select one of the following:
- Value - Enter a single value to match.
- Range - Enter the beginning and ending values of a range to match.
- Regex - Enter a regular expression pattern to match.
- Special - Select a special value to match.
(Optional) Enter display text.
(Optional) Set the color.
(Optional) Set an icon (canvas visualizations only).
Click Update to save the value mapping.

After you’ve added a mapping, the Edit value mappings button replaces the Add value mappings button. Click the edit button to add or update mappings.

Click Save dashboard.
Click Back to dashboard and then Exit edit.

Configure thresholds

Fri, 03 Apr 2026 12:35:46 -0500

Configure thresholds

In dashboards, a threshold is a value or limit you set for a metric that’s reflected visually when it’s met or exceeded. Thresholds are one way you can conditionally style and color your visualizations based on query results.

Using thresholds, you can color grid lines and regions in a time series visualization:

You can color the background or value text in a stat visualization:

You can define regions and region colors in a state timeline:

You can also use thresholds to:

Color lines in a time series visualization
Color the gauge and threshold markers in a gauge
Color markers in a geomap
Color cell text or background in a table

Give it a try using Grafana Play

With Grafana Play, you can explore and see how it works, learning from practical examples to accelerate your development. This feature can be seen on Threshold example.

Try it

Supported visualizations

You can set thresholds in the following visualizations:

Default thresholds

On visualizations that support thresholds, Grafana has the following default threshold settings:

80 = red
Base = green
Mode = Absolute
Show thresholds = Off (for some visualizations); for more information, see the Show thresholds option.

Thresholds options

You can set the following options to further define how thresholds look.

Threshold value

This number is the value that triggers the threshold. You can also set the color associated with the threshold in this field.

The Base value represents minus infinity. By default, it’s set to the color green, which is generally the “good” color.

Thresholds mode

There are two threshold modes:

Absolute thresholds are defined by a number. For example, 80 on a scale of 1 to 150.
Percentage thresholds are defined relative to minimum or maximum. For example, 80 percent.

Show thresholds

Note
This option is supported for the bar chart, candlestick, time series, and trend visualizations.

Set if and how thresholds are shown with the following options.

Option	Example
Off
As lines
As lines (dashed)
As filled regions
As filled regions and lines
As filled regions and lines (dashed)

Add a threshold

You can add as many thresholds to a visualization as you want. Grafana automatically sorts thresholds values from highest to lowest.

Navigate to the panel you want to update.
Hover over any part of the panel you want to work on to display the menu on the top right corner.
Click the menu and select Edit.
Scroll to the Thresholds section or enter thresholds in the search bar at the top of the panel edit pane.
Click + Add threshold.
Enter a new threshold value or use the up and down arrows at the right side of the field to increase or decrease the value incrementally.
Click the colored circle to the left of the threshold value to open the color picker, where you can update the threshold color.
Under Thresholds mode, select either Absolute or Percentage.
Under Show thresholds, set how the threshold is displayed or turn it off.
Click Save dashboard.
Click Back to dashboard and then Exit edit.

To delete a threshold, navigate to the panel that contains the threshold and click the trash icon next to the threshold you want to remove.

Configure field overrides

Fri, 03 Apr 2026 12:35:46 -0500

Configure field overrides

Overrides allow you to customize visualization settings for specific fields or series. When you add an override rule, it targets a particular set of fields and lets you define multiple options for how that field is displayed.

For example, you can override the default unit measurement for all fields that include the text “bytes” by adding an override using the Fields with name matching regex matcher and then the Standard options > Unit setting to the override rule:

After you’ve set them, your overrides appear in both the All and Overrides tabs of the panel editor pane:

Supported visualizations

You can configure field overrides for the following visualizations:

Override rules

You can choose from five types of override rules, which are described in the following sections.

Fields with name

Select a field from the list of all available fields. Properties you add to this type of rule are only applied to this single field.

Fields with name matching regex

Specify fields to override with a regular expression. Properties you add to this type of rule are applied to all fields where the field name matches the regular expression. This override doesn’t rename the field; to do this, use the Rename by regex transformation.

Fields with type

Select fields by type, such as string, numeric, or time. Properties you add to this type of rule are applied to all fields that match the selected type.

Fields returned by query

Select all fields returned by a specific query, such as A, B, or C. Properties you add to this type of rule are applied to all fields returned by the selected query.

Fields with values

Select all fields returned by your defined reducer condition, such as Min, Max, Count, Total. Properties you add to this type of rule are applied to all fields returned by the selected condition.

Examples

The following examples demonstrate how you can use override rules to alter the display of fields in visualizations.

Example 1: Format temperature

The following result set is a data frame that consists of two fields: time and temperature.

time	temperature
2020-01-02 03:04:00	45.0
2020-01-02 03:05:00	47.0
2020-01-02 03:06:00	48.0

You can apply field options to each field (column) of this structure to alter the way its values are displayed. For example, you can set the following override rule:

Rule: Fields with type
Field: temperature
Override property: Standard options > Unit
- Selection: Temperature > Celsius

This results in the following table:

time	temperature
2020-01-02 03:04:00	45.0 °C
2020-01-02 03:05:00	47.0 °C
2020-01-02 03:06:00	48.0 °C

In addition, the decimal place isn’t required, so you can remove it by adding another override property that changes the Standard options > Decimals setting from auto to 0. That results in the following table:

time	temperature
2020-01-02 03:04:00	45 °C
2020-01-02 03:05:00	47 °C
2020-01-02 03:06:00	48 °C

Example 2: Format temperature and humidity

The following result set is a data frame that consists of four fields: time, high temp, low temp, and humidity.

time	high temp	low temp	humidity
2020-01-02 03:04:00	45.0	30.0	67
2020-01-02 03:05:00	47.0	34.0	68
2020-01-02 03:06:00	48.0	31.0	68

Use the following override rule and properties to add the Celsius unit option and remove the decimal place:

Rule: Fields with type
Field: temperature
Override property: Standard options > Unit
- Selection: Temperature > Celsius
Override property: Standard options > Decimals -Change setting from auto to 0

This results in the following table:

time	high temp	low temp	humidity
2020-01-02 03:04:00	45 °C	30 °C	67 °C
2020-01-02 03:05:00	47 °C	34 °C	68 °C
2020-01-02 03:06:00	48 °C	31 °C	68 °C

The temperature fields are displaying correctly, but the humidity has incorrect units. You can fix this by applying a Misc > Percent (0-100) override to the humidity field. This results in the following table:

time	high temp	low temp	humidity
2020-01-02 03:04:00	45 °C	30 °C	67%
2020-01-02 03:05:00	47 °C	34 °C	68%
2020-01-02 03:06:00	48 °C	31 °C	68%

Add a field override

To add a field override, follow these steps:

Navigate to the panel to which you want to add the data link.
Hover over any part of the panel to display the menu icon in the upper-right corner.
Click the menu icon and select Edit to open the panel editor.
At the bottom of the panel editor pane, click Add field override.
Select the fields to which the override will be applied:
- Fields with name
- Fields with name matching regex
- Fields with type
- Fields returned by query
- Fields with values
Click Add override property.
Select the field option that you want to apply.
Continue to add overrides to this field by clicking Add override property.
Add as many overrides as you need.
When you’re finished, click Save dashboard.
Click Back to dashboard and then Exit edit.

Edit a field override

To edit a field override, follow these steps:

Navigate to the panel to which you want to add the data link.
Hover over any part of the panel to display the menu icon in the upper-right corner.
Click the menu icon and select Edit to open the panel editor.
In the panel editor pane, click the Overrides tab.
Locate the override you want to change.
Perform any of the following tasks:
- Edit settings on existing overrides or field selection parameters.
- Delete existing override properties by clicking the X next to the property.
- Delete an override entirely by clicking the trash icon at the top-right corner.
Click Save dashboard.
Click Back to dashboard and then Exit edit.

The changes you make take effect immediately.

Panels and visualizations on Grafana Labs

Visualizations

Visualizations

Get more

Examples

Graphs

Big numbers & stats

Gauge

Table

Pie chart

Heatmaps

State timeline

Panel overview

Panel overview

Panel feature overview

Panel menu

Keyboard shortcuts

Pan and zoom panel time range

Zoom in

Zoom out

Pan

Add a panel

Panel configuration

Panel editor

Panel editor

Panel header

Visualization preview

Data section

Panel display options

The panel inspect view

The panel inspect view

Download raw query results

Inspect query performance

Inspect query request and response data

Query and transform data

Query and transform data

About queries

Query editors

Query syntax

Saved queries

Roles, permissions, and RBAC

Save a query

Known limitations

Special data sources

Navigate the Queries tab

Add a query

Manage queries

Query options

Configure panel options

Configure panel options

Panel options

Configure repeating panels

Configure standard options

Configure standard options

Supported visualizations

Standard options

Unit

Custom units

Time format units

Control unit scaling

String units

Min

Max

Field min/max

Decimals

Display name

Color scheme

No value

Configure a legend

Configure a legend

Supported visualizations

Legend options

Visibility

Mode

Placement

Width

Values

Change a series color

Isolate series data in a visualization

Sort series