---
title: "stat"
description: "Fields and display options of a `stat` panel."
---

> Documentation Index
> Fetch the complete documentation index at: https://slashobserve.com/llms.txt
> Use this file to discover all available pages before exploring further.

# stat

## Example

```json
{
  "id": "p_status",
  "type": "stat",
  "title": "Checkout up",
  "gridPos": {
    "x": 12,
    "y": 0,
    "w": 6,
    "h": 4
  },
  "datasource": "prom",
  "queries": [
    {
      "query": "min(up{service=\"checkout\"})",
      "instant": true
    }
  ],
  "mappings": [
    {
      "value": "1",
      "text": "Up",
      "color": "ok"
    },
    {
      "range": [
        null,
        0
      ],
      "text": "Down",
      "color": "critical"
    },
    {
      "regex": "^[0-9]+$",
      "text": "Numeric"
    },
    {
      "special": "null",
      "text": "No data",
      "color": "info"
    }
  ],
  "thresholds": [
    {
      "color": "critical"
    },
    {
      "value": 1,
      "color": "ok"
    }
  ],
  "actions": [
    {
      "title": "Acknowledge",
      "method": "POST",
      "url": "https://ops.example.com/api/ack",
      "contentType": "application/json",
      "body": "{\"service\":\"checkout\",\"env\":\"${env}\",\"reason\":\"${reason}\"}",
      "variables": [
        {
          "key": "reason",
          "name": "Reason"
        }
      ],
      "color": "warning",
      "oneClick": true,
      "confirm": "Acknowledge the checkout alert?"
    }
  ],
  "display": {
    "graph": false,
    "colorMode": "background"
  }
}
```

From [`spec/examples/evolved-features.json`](https://github.com/slashobserve/slashobserve/blob/main/spec/examples/evolved-features.json).

## Fields

| Field | Type | Description |
| --- | --- | --- |
| `id` (required) | `string` | Stable across versions; comments anchor to it. |
| `title` (required) | `string` |   |
| `description` | `string` |   |
| `gridPos` (required) | `gridPos` | Position on the 24-column grid; x + w must not exceed 24. |
| `type` (required) | `"timeseries"`, `"stat"`, `"gauge"`, `"bargauge"`, `"table"`, `"piechart"`, `"heatmap"`, `"histogram"`, `"state-timeline"`, `"logs"`, `"barchart"`, `"status-history"`, `"trend"`, `"xychart"`, `"candlestick"`, `"nodeGraph"`, `"traces"`, `"flamegraph"`, `"geomap"`, `"canvas"`, `"alertlist"` |   |
| `datasource` | `datasourceRef` | A configured datasource uid, or ${name} naming a datasource variable declared in variables (before this variable, when used by one); queries then run on the datasource selected in that variable, and macros follow its datasourceType. |
| `queries` (required) | array of `panelQuery` or `expressionQuery` or `dashboardQuery` | At most 26 items. |
| `overrides` | array of [`override`](/docs/reference/observespec/overrides-and-mappings/#overrides) | At most 50 items. |
| `transform` | array of [`transform`](/docs/reference/observespec/transforms/) | At most 20 items. |
| `repeat` | `variableName` | Referenced in queries as $name, ${name} or ${name:format}. |
| `repeatDirection` | `"h"`, `"v"` |   |
| `maxPerRow` | `integer` | Between 1 and 24. |
| `timeFrom` | `string` |   |
| `timeShift` | `string` |   |
| `timezone` | `string` | browser, utc or an IANA zone such as Asia/Kolkata. The times this panel draws are shown in this zone instead of the dashboard's. |
| `hideTimeOverride` | `boolean` | Do not show the time override note (from timeFrom and timeShift) in the panel header. The override still applies to the queries. Absent means shown. |
| `interval` | `intervalRef` | A minimum step such as 30s, or ${name} naming an interval variable; queries then use the step selected in that variable. |
| `maxDataPoints` | `integer` | Between 10 and 11000. |
| `transparent` | `boolean` |   |
| `titleHidden` | `boolean` | Keep the title as the panel's name for menus and screen readers but do not show it. Absent means shown. |

Every data panel also takes the [field options](/docs/reference/observespec/field-options/).

## Display options

| Field | Values | Description |
| --- | --- | --- |
| `reduce` | `reducer` |   |
| `allValues` | `true`, `false` |   |
| `limit` | `integer` | Between 1 and 5000. |
| `fields` | `string` |   |
| `colorMode` | `"value"`, `"background"`, `"none"` |   |
| `graph` | `true`, `false` |   |
| `graphStyle` | `"area"`, `"line"` |   |
| `textMode` | `"value"`, `"name"`, `"valueAndName"`, `"none"` |   |
| `orientation` | `"auto"`, `"horizontal"`, `"vertical"` |   |
| `justify` | `"auto"`, `"center"` |   |
| `titleSize` | `integer` | Between 1 and 200. |
| `valueSize` | `integer` | Between 1 and 200. |
| `percentSize` | `integer` | Between 1 and 200. |
| `percentChange` | `true`, `false` |   |
| `percentChangeColor` | `"standard"`, `"inverted"`, `"value"` |   |
| `wideLayout` | `true`, `false` |   |

Generated from [`spec/schema/observespec.v0.json`](https://github.com/slashobserve/slashobserve/blob/bac0fe39/spec/schema/observespec.v0.json) at `bac0fe39`. [Report a problem](https://github.com/slashobserve/slashobserve/issues/new).