---
aliases:
  - ../../../features/panels/gauge/ # /docs/grafana/next/features/panels/gauge/
  - ../../../panels/visualizations/gauge-panel/ # /docs/grafana/next/panels/visualizations/gauge-panel/
  - ../../gauge-panel/ # /docs/grafana/next/visualizations/gauge-panel/
  - ../../../panels-visualizations/visualizations/gauge/ # /docs/grafana/next/panels-visualizations/visualizations/gauge/
description: Configure options for Grafana's gauge visualization
keywords:
  - grafana
  - gauge
  - gauge panel
labels:
  products:
    - cloud
    - enterprise
    - oss
title: Gauge
weight: 100
refs:
  calculation-types:
    - pattern: /docs/grafana/
      destination: /docs/grafana/<GRAFANA_VERSION>/panels-visualizations/query-transform-data/calculation-types/
    - pattern: /docs/grafana-cloud/
      destination: /docs/grafana-cloud/visualizations/panels-visualizations/query-transform-data/calculation-types/
---

# Gauge

Gauges are single-value visualizations that allow you to quickly visualize where a value falls within a defined or calculated min and max range. With repeat options, you can display multiple gauges, each corresponding to a different series, column, or row.

{{< figure src="/media/docs/grafana/panels-visualizations/screenshot-gauge-visualization-v13.0.png" alt="A gauge visualization">}}

You can use gauges if you need to track:

- Service level objectives (SLOs)
- How full a piece of equipment is
- How fast a vehicle is moving within a set of limits
- Network latency
- Equipment state with set point and alarm thresholds
- CPU consumption (0-100%)
- RAM availability

## Configure a gauge visualization

The following video provides beginner steps for creating gauge panels. You'll learn the data requirements and caveats, special customizations, and much more:

<!-- FIXME: we should make a new video for G13 -->

{{< youtube id="QwXj3y_YpnE" >}}

{{< docs/play title="Grafana Gauge Visualization" url="https://play.grafana.org/d/KIhkVD6Gk/" >}}

## Supported data formats

To create a gauge visualization you need a dataset containing at least one numeric field. These values are identified by the field name. Additional text fields aren't required but can be used for identification and labeling.

### Example - One row, multiple values

The gauge visualization can support multiple fields in a dataset. <!-- In this case, multiple gauges are displayed. -->

| value1 | value2 | value3 |
| ------ | ------ | ------ |
| 5      | 3      | 10     |

![Gauge visualization with multiple numeric values in a single row](/media/docs/grafana/panels-visualizations/screenshot-gauge-1-row-many-vals-v13.0.png)

When there are multiple values in the dataset, the visualization displays multiple gauges and automatically defines the minimum and maximum. In this case, those are 3 and 10. Because the minimum and maximum values are defined, each gauge is shaded in to show that value in relation to the minimum and maximum.

### Example - Multiple rows and values

The gauge visualization can display datasets with multiple rows of data or even multiple datasets.

| Identifier | value1 | value2 | value3 |
| ---------- | ------ | ------ | ------ |
| A          | 5      | 3      | 10     |
| B          | 6      | 9      | 15     |
| C          | 1      | 4      | 8      |

![Gauge visualization with multiple rows and columns of numeric values showing the last row](/media/docs/grafana/panels-visualizations/screenshot-gauge-multi-rows-values-v13.0.png)

By default, the visualization [calculates](#value-options) a single value per column or series and displays only the last row of data. However, it derives the minimum and maximum from the full dataset, even if those values aren't visible.

In this example, that means only the last row of data, row C, is displayed in the gauges and the minimum and maximum values are 1 and 15. The value 1 is displayed because it's in the last row, while 15 is not.

If you want to show one gauge per table cell, under **Value options**, change the **Show** setting from **Calculate** to **All values**. Each gauge label is a concatenation of the text column with each value's column name.

![Gauge visualization with multiple rows and columns of numeric values showing all the values](/media/docs/grafana/panels-visualizations/screenshot-multi-rows-values-show-all-v13.0.png)

### Example - Control min and max

You can control the minimum and maximum values by defining them directly in your dataset.
This is an alternative to setting it manually in the field options.

| value | max | min |
| ----- | --- | --- |
| 5     | 10  | 2   |

![Gauge visualization with numeric values defining max and minimum](/media/docs/grafana/panels-visualizations/screenshot-gauge-defined-min-max-v13.0.png)

In this example, to hide the min and max fields, select the "value" field in **Value options > Fields**.

![Gauge visualization with numeric values defining max and minimum but hidden](/media/docs/grafana/panels-visualizations/screenshot-gauge-hidden-min-max-v13.0.png)

Even when minimum and maximum values aren't displayed, the visualization still pulls the range from them.

## Configuration options

{{< docs/shared lookup="visualizations/config-options-intro.md" source="grafana" version="<GRAFANA_VERSION>" >}}

### Panel options

{{< docs/shared lookup="visualizations/panel-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}

### Value options

Use the following options to refine how your visualization displays the value:

<!-- prettier-ignore-start -->

| Option | Description |
| ------ | ----------- |
| Show | Set how Grafana displays your data. Choose from:<ul><li>**Calculate** - Show a calculated value based on all rows.</li><li>**All values** - Show a separate value for every row. If you select this option, then you can also limit the number of rows to display.</li></ul> |
| Calculation | If you chose **Calculate** as your **Show** option, select a reducer function that Grafana will use to reduce many fields to a single value. For a list of available calculations, refer to [Calculation types](ref:calculation-types). |
| Limit | If you chose **All values** as your **Show** option, enter the maximum number of rows to display. The default is 5,000. |
| Fields | Select the fields display in the panel. |

<!-- prettier-ignore-end -->

### Gauge options

Adjust how the gauge is displayed.

<!-- prettier-ignore-start -->

| Option | Description |
| ------ | ----------- |
| Style | Choose a gauge shape:<ul><li>**Circle** - Fills clockwise around a circle, starting from the 12 o'clock position.</li><li>**Arc** - Fills from left to right around an arc.</li></ul> |
| Orientation | Choose a stacking direction:<ul><li>**Auto** - Gauges display in rows and columns.</li><li>**Horizontal** - Gauges display top to bottom.</li><li>**Vertical** - Gauges display left to right.</li></ul> |
| Gauge size | Choose a gauge size mode:<ul><li>**Auto** - Grafana determines the best gauge size.</li><li>**Manual** - Manually configure the gauge size.</li></ul>This option only applies when **Orientation** is set to **Horizontal** or **Vertical**. |
| Min width | Set the minimum width of vertically-oriented gauges. If you set a minimum width, the x-axis scrollbar is automatically displayed when there's a large amount of data. This option only applies when **Gauge size** is set to **Manual**. |
| Min height | Set the minimum height of horizontally-oriented gauges. If you set a minimum height, the y-axis scrollbar is automatically displayed when there's a large amount of data. This option only applies when **Gauge size** is set to **Manual**. |
| Bar width | Set a factor between 0.1 and 1 to control the width of the gauge bar relative to the total gauge area. |
| Segments | Enter a value between 1 and 100 to break the gauge into equal segments. Segments are always fully filled, even if the gauge's current value falls within a segment. |
| Segment spacing | Enter a value between 0 and 1 to set the factor that controls the size of the gap between each segment. This option is only applies when the **Segments** value is more than `1`. |
| Text mode | Choose what text to render in the gauge:<ul><li>**Auto** - Grafana determines the text to show.</li><li>**Value and name** - Renders both the value and series name.</li><li>**Value** - Renders only the value.</li><li>**Name** - Renders only the series name.</li><li>**None** - Renders the gauge with no labels.</li></ul> |
| [Neutral value](#neutral-value) | Set the starting value from which every gauge will be filled. |
| [Show sparkline](#show-sparkline) | Toggle on the switch to render a sparkline containing the series data for the gauge. |
| [Show thresholds](#show-threshold-markers) | Control whether a threshold band is shown outside the inner gauge value band. |
| Show labels | Control whether threshold, neutral and min/max labels are shown outside of the gauge. |
| Effects | Other styling choices you can apply to your gauge include: <ul><li>**Gradient** - Color transitions are represented with gradients for color schemes where the gauge color differs by value.</li><li>**Bar glow** - Adds a glowing shadow outside the gauge bar.</li><li>**Center glow** - The color representing the current gauge value is visible in the center of the gauge.</li></ul> |

<!-- prettier-ignore-end -->

#### Neutral value

Set the starting value from which every gauge will be filled when it shouldn't be the minimum value.
This option is especially useful in cases where the range of data values includes negative numbers.

For example, you want to display the storage of several batteries and the power range is from -2.5 kW (discharging) to 2.5 kW.
When the minimum value is used as the starting point for the gauges, the visualization looks like this:

![Gauge using min as neutral](/media/docs/grafana/panels-visualizations/screenshot-gauge-neutral-min-v13.0.png)

If you enter a neutral value of `0`, the visualization looks like this and is easier to reason about:

![Gauge with zero as neutral](/media/docs/grafana/panels-visualizations/screenshot-gauge-neutral-0-v13.0.png)

#### Show sparkline

If you want to visualize the list of values as a time series along with the calculated gauge value, toggle on the **Show sparkline** switch.
Each gauge displays the sparkline inside the circle or arc:

![Gauge with a sparkline](/media/docs/grafana/panels-visualizations/screenshot-gauge-w-sparkline-v12.4.png)

#### Show thresholds {#show-threshold-markers}

Control whether a threshold band is shown outside the inner gauge value band.

![Gauge viz with multiple rows and columns of numeric values showing all the values and thresholds defined for 0-6-11](/media/docs/grafana/panels-visualizations/screenshot-gauge-w-thresholds-v13.0.png)

### Text size options {#text-size}

Adjust the sizes of the gauge text.

- **Title** - Enter a numeric value for the gauge title size.
- **Value** - Enter a numeric value for the gauge value size.

### Standard options

{{< docs/shared lookup="visualizations/standard-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}

### Data links and actions

{{< docs/shared lookup="visualizations/datalink-options-1.md" source="grafana" version="<GRAFANA_VERSION>" >}}

### Value mappings

{{< docs/shared lookup="visualizations/value-mappings-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}

### Thresholds

{{< docs/shared lookup="visualizations/thresholds-options-2.md" source="grafana" version="<GRAFANA_VERSION>" >}}

### Field overrides

{{< docs/shared lookup="visualizations/overrides-options.md" source="grafana" version="<GRAFANA_VERSION>" >}}
