

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# Grafana 9 中的面板和可视化
<a name="v9-panels"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

 *面板*是 Grafana 中的基本可视化构建块。每个面板都有一个特定于面板中所选数据来源的查询编辑器。查询编辑器允许您构建一个查询，以返回要可视化的数据。

 每个面板都有各种各样的样式和格式选项。可以拖放面板并调整其大小，以便在控制面板上重新排列。

 在添加面板之前，确保已配置数据来源。

可在工作区中安装其他[插件](grafana-plugins.md)以获得其他面板类型。
+  有关使用特定数据来源的详细信息，请参阅 [连接到数据来源](AMG-data-sources.md)。

**Topics**
+ [面板编辑器概述](v9-panels-editor-overview.md)
+ [配置面板选项](v9-panels-configure-panel-options.md)
+ [配置标准选项](v9-panels-configure-standard-options.md)
+ [查询和转换数据](v9-panels-query-xform.md)
+ [配置阈值](v9-panels-configure-thresholds.md)
+ [配置数据链接](v9-panels-configure-data-links.md)
+ [配置字段覆盖](v9-panels-configure-overrides.md)
+ [配置值映射](v9-panels-configure-value-mappings.md)
+ [配置图例](v9-panels-configure-legend.md)
+ [计算类型](v9-panels-calculation-types.md)
+ [对可视化进行注释](v9-panels-annotate-visualizations.md)
+ [面板检查视图](v9-panels-panel-inspector.md)
+ [Grafana 9 提供的可视化](v9-panels-viz.md)

# 面板编辑器概述
<a name="v9-panels-editor-overview"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

 本节介绍了 Grafana 面板编辑器的各个区域。
+  面板标题：标题部分列出了显示面板的控制面板和以下控件：
  +  **控制面板设置（齿轮）图标**：单击访问控制面板设置。
  +  **丢弃**：丢弃自上次保存控制面板之后，对面板所做的更改。
  +  **保存**：保存对面板所做的更改。
  +  **应用**：应用您所做的更改，关闭面板编辑器，返回控制面板。您需要保存控制面板，以持久保留所应用的更改。
+  可视化预览：可视化预览部分包含以下选项：
  +  **表视图**：将任何可视化转换为表，以便查看数据。表视图有助于进行问题排查。此视图仅包含原始数据。不包括您可能应用于数据的转换，也不包括[表](v9-panels-table.md)可视化中可用的格式化选项。
  +  **填充**：可视化预览会填充可用空间。如果更改侧窗格的宽度或底部窗格的高度，可视化效果会随之改变以填充可用空间。
  +  **实际**：可视化预览的大小与控制面板上的大小完全一致。如果可用空间不足，可视化大小会缩减，同时保留纵横比。
  +  **时间范围控制**：**默认**为浏览器本地时区或在更高级别选择的时区。
+  数据部分：数据部分包含用于输入查询、转换数据和创建警报规则（如适用）的选项卡。
  +  **查询选项卡**：选择您的数据来源，并在此处输入查询。
  +  **转换选项卡**：应用数据转换。
  +  **警报选项卡**：编写警报规则。
+  面板显示选项：显示选项部分包含选项卡，您可以在其中配置数据可视化的各个方面。

## 打开面板检查抽屉
<a name="v9-panels-editor-open-panel"></a>

 检查抽屉有助于您了解查询并进行问题排查。您可以查看任何面板的原始数据，将该数据导出到逗号分隔值（CSV）文件，查看查询请求，以及导出面板和数据 JSON。

 **注意：**并非所有面板类型都包含所有选项卡。例如，控制面板列表面板没有要检查的原始数据，因此不显示“统计”、“数据”或“查询”选项卡。

 面板检查器包含以下选项：
+  面板检查抽屉显示会在右侧打开一个抽屉。单击右上角的箭头可展开或缩小抽屉窗格。
+  **数据选项卡**：显示应用转换后查询返回的原始数据。默认情况下，不会应用覆盖和值映射之类的字段选项。
+  **统计选项卡**：显示查询花费的时间和返回的数量。
+  **JSON 选项卡**：允许您查看和复制面板 JSON、面板数据 JSON 和数据帧结构 JSON。如果您在预置或管理 Grafana，这非常有用。
+  **查询选项卡**：显示 Grafana 查询数据来源时向服务器发送的请求。
+  **错误选项卡**：显示错误。仅在查询返回错误时可见。

# 配置面板选项
<a name="v9-panels-configure-panel-options"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

 Grafana 面板是一个用户界面，用于定义数据来源查询，转换和格式化可视化中显示的数据。

 面板编辑器包括一个查询生成器和一系列选项，您可以使用这些选项来转换数据，向面板添加信息。

 本主题介绍了如何：
+  打开面板进行编辑 
+  添加面板标题和描述 
+  查看面板 JSON 模型 
+  添加重复行和面板 

## 编辑面板。
<a name="v9-panels-edit-a-panel"></a>

 将面板添加到控制面板后，可以随时打开面板更改或更新查询、添加数据转换以及更改可视化设置。

1.  打开包含要编辑其面板的控制面板。

1.  将鼠标悬停在面板的任何部分，右上角就会显示操作菜单。

1.  单击菜单并选择**编辑**。

    要使用键盘快捷键打开面板，请将鼠标悬停在面板上，然后按 **e** 键。

    面板将以编辑模式打开。

## 向面板添加标题和描述
<a name="v9-panels-add-title-description"></a>

 向面板添加标题和描述，与用户共享有关可视化的任何重要信息。例如，使用描述来记录可视化的目的。

1.  编辑面板。

1.  在面板显示选项窗格中，找到**图例选项**部分。

1.  输入**标题**。

    在此字段中输入的文本将显示在面板编辑器和控制面板中的面板顶部。

1.  为面板和要显示的数据编写描述。

    在此字段中输入的文本将显示在面板左上角的工具提示中。

    您可以在**标题**和**描述**字段中使用[定义的变量](v9-dash-variables.md)，但不能使用[全局变量](v9-dash-variable-add.md#v9-dash-variable-add-global)。

    

## 查看面板 JSON 模型
<a name="v9-panels-json-model"></a>

 浏览和导出面板、面板数据和数据帧 JSON 模型。

1.  打开包含面板的控制面板。

1.  将鼠标悬停在面板的任何部分，右上角就会显示操作菜单。

1.  单击菜单并选择**检查 > 面板 JSON**。

1.  在**选择来源**字段中，选择以下选项之一：
   +  **面板 JSON**：显示代表面板的 JSON 对象。
   +  **面板数据**：显示一个 JSON 对象，该对象表示传递给面板的数据。
   +  **DataFrame structure：**显示应用了转换、字段配置和覆盖配置的原始结果集。

1.  要浏览 JSON，请单击 **>** 展开或折叠 JSON 模型的各个部分。

## 配置重复面板
<a name="v9-panels-configure-repeating-panels"></a>

 您可以配置 Grafana 以向控制面板动态添加面板或行。动态面板是系统根据变量值创建的面板。变量会动态更改控制面板中所有面板的查询。

**注意**  
重复面板需要变量来选择一个或多个项目；不能将面板重复零次以将其隐藏。

 **开始前的准备工作：**
+  确保查询包含多值变量。

 **配置重复面板：**

1. 编辑要重复的面板。

1.  在显示选项窗格上，单击**面板选项 > 重复选项**。

1.  选择**方向**。
   +  选择**水平**排列面板 side-by-side。Grafana 可调整重复面板的宽度。当前，您不能将一行中的其他面板与重复的面板混合使用。
   +  选择**垂直**将面板排列成一列。重复面板的宽度与原始重复面板的宽度相同。

1.  要将更改传播到所有面板，请重新加载控制面板。

# 配置标准选项
<a name="v9-panels-configure-standard-options"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

 Grafana 中使用的数据模型是一种面向列的表结构，统一了时间序列和表查询结果。此结构中的每一列都称为*字段*。一个字段可以表示单个时间序列或表列。

 字段选项允许您更改数据在可视化中的显示方式。您应用的选项和替代不会更改数据，而是改变 Grafana 显示数据的方式。更改选项后，将应用于所有字段，即所有序列或列。例如，如果将单位更改为百分比，则所有带有数值的字段都将以百分比显示。

 有关字段格式设置选项的完整列表，请参阅[标准选项定义](#v9-panels-standard-options-definitions)。

**注意**  
 您可以将标准选项应用于大多数内置 Grafana 面板。一些尚未更新到新面板和数据模型的旧面板和社区面板将缺少全部或部分字段选项。

1.  打开控制面板，单击面板标题，然后单击**编辑**。

1.  在面板显示选项窗格中，找到**标准选项**部分。

1.  选择要应用的标准选项。

1.  要预览更改，请单击您正在编辑的字段选项框的外部，或按 **Enter** 键。

## 标准选项定义
<a name="v9-panels-standard-options-definitions"></a>

 本节介绍了所有可用的标准选项。

 您可以将标准选项应用于大多数内置 Grafana 面板。一些尚未更新到新面板和数据模型的旧面板和社区面板将缺少全部或部分字段选项。

 除非您在正在编辑的字段选项框外部单击或按 Enter 键，否则大多数字段选项不会影响可视化。

**注意**  
 我们一直在努力为所有可视化添加和扩展选项，但并非所有选项都适用于所有可视化。

### 单位
<a name="v9-panels-standard-options-unit"></a>

 允许选择字段应使用的单位。单击**单位**字段，然后向下钻取，直到找到所需的单位。您选择的单位将应用于除时间之外的所有字段。

#### 自定义单位
<a name="v9-panels-standard-options-custom-units"></a>

 您也可以使用单位下拉列表来指定自定义单位、自定义前缀或后缀以及日期时间格式。

 要选择自定义单位，请输入单位，然后在下拉列表中选择最后一个**自定义：xxx** 选项。
+  **后缀：<suffix>** 应跟在值后面的自定义单位。
+  **前缀：<prefix>** 应放在值前面的自定义单位。
+  **时间：<format>** 自定义日期时间格式类型，例如 **time:YYYY-MM-DD**。有关格式语法和选项，请参阅[格式](https://momentjs.com/docs/#/displaying/)。
+  **si:<base scale><unit characters>** 自定义 SI 单位。例如：**si: mF**。这个更高级一些，因为您可以指定单位和来源数据比例。因此，如果您的来源数据表示为毫（千），请在单位前面加上该 SI 比例字符。
+  **计数：<unit>** 自定义计数单位。
+  **货币：<unit>** 自定义货币单位。

 您还可以在单位选择器中粘贴原生表情符号，然后将其选择为自定义单位。

#### 字符串单位
<a name="v9-panels-standard-options-string-units"></a>

 Grafana 有时在解析字符串并将其显示为数字时过于激进。要配置 Grafana 以显示原始字符串值，请创建一个字段覆盖，并添加一个带有**字符串**单位的单位属性。

### 最小值
<a name="v9-panels-standard-options-min"></a>

 这让您可以设置百分比阈值计算中使用的最小值。留空表示根据所有序列和字段自动计算。

### 最大值
<a name="v9-panels-standard-options-max"></a>

 这让您可以设置百分比阈值计算中使用的最大值。留空表示根据所有序列和字段自动计算。

### 小数
<a name="v9-panels-standard-options-decimals"></a>

 指定 Grafana 在渲染值中包含的小数位数。如果将此字段留空，Grafana 会根据值自动截断小数位数。例如，1.1234 将显示为 1.12，100.456 将显示为 100。

 要显示所有小数，请将单位设置为**字符串**。

### 显示名称
<a name="v9-panels-standard-options-displayname"></a>

 可设置所有字段的显示标题。您可以使用[变量](v9-dash-variables.md)。

 当显示多个统计数据、字段或序列时，此字段控制每个统计数据中的标题。您可以使用 **\$1\$1\$1\$1field.name\$1** 这样的表达式，仅在标题中使用序列名称或字段名称。

 假设有一个名为 Temp 的字段，标签为 \$1"Loc"="PBI", "Sensor"="3"\$1 


|  表达式语法  |  示例  |  渲染为  |  说明  | 
| --- | --- | --- | --- | 
|  \$1\$1\$1\$1field.displayName\$1  |  与语法相同  |  Temp \$1Loc="PBI", Sensor="3"\$1  |  在 \$1\$1 中显示字段名称和标签（如果存在）。如果响应中只有一个标签键，那么对于标签部分，Grafana 会显示不带大括号的标签值。 | 
|  \$1\$1\$1\$1field.name\$1  |  与语法相同  |  Temp  |  显示字段的名称（不带标签）。 | 
|  \$1\$1\$1\$1field.labels\$1  |  与语法相同  |  Loc="PBI", Sensor="3" |  显示不带名称的标签。 | 
|  \$1\$1\$1\$1field.labels.X\$1  |  \$1\$1\$1\$1field.labels.Loc\$1  |  PBI  |  显示指定标签键的值。 | 
|  \$1\$1\$1\$1field.labels.\$1\$1values\$1  |  与语法相同  |  PBI, 3  |  显示用逗号分隔的标签值（不含标签键）。 | 

 如果在呈现特定字段的表达式后该值为空字符串，则使用默认的显示方法。

### 颜色方案
<a name="v9-panels-standard-options-color-scheme"></a>

 颜色选项及其对可视化的影响取决于您正在使用的可视化效果。有些可视化有不同的颜色选项。

 您可以指定单一颜色，也可以根据值选择连续（渐变）颜色方案。连续颜色使用相对于最小值和最大值的百分比来插值颜色。

 选择以下调色板之一：


|  颜色模式  |  说明  | 
| --- | --- | 
|  单色  |  指定单一颜色，这在覆盖规则中很有用  | 
|  来自阈值  |  通知 Grafana 从匹配的阈值中获取颜色  | 
|  经典调色板  |  Grafana 将通过序列索引在调色板中查找颜色来分配颜色。适用于图形、饼图和其他分类数据可视化  | 
|  Green-Yellow-Red （按价值计算）  |  连续颜色方案  | 
|  Blue-Yellow-Red （按价值计算）  |  连续颜色方案  | 
|  蓝色（按值）  |  连续颜色方案（面板背景为蓝色）  | 
|  红色（按值）  |  连续颜色方案（面板背景为蓝色）  | 
|  绿色（按值）  |  连续颜色方案（面板背景为蓝色）  | 
|  紫色（按值）  |  连续颜色方案（面板背景为蓝色）  | 

### 无值
<a name="v9-panels-standard-options-no-value"></a>

 输入当字段值为空或 null 时 Grafana 应显示的内容。默认值为连字符（-）。

# 查询和转换数据
<a name="v9-panels-query-xform"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

Grafana 支持多种类型的[数据来源](AMG-data-sources.md)。数据来源*查询*返回数据，供 Grafana *转换*和可视化。每个数据来源都使用自己的查询语言，而每个数据来源插件都实现了一个名为查询编辑器的查询构建用户界面。

## 关于查询
<a name="v9-panels-query-xform-about"></a>

Grafana 面板通过查询与数据来源通信，查询会检索数据进行可视化。查询是用数据来源使用的查询语言编写的问题。

您可以在面板的数据来源选项中配置查询频率和数据收集限制。Grafana 每个面板最多支持 26 个查询。

有关每个数据来源查询语言的更多信息，请参阅[数据来源](AMG-data-sources.md)部分。

**查询编辑器**

每个数据来源的*查询编辑器*都提供了一个自定义的用户界面，可帮助您编写利用其独特功能的查询。

由于查询语言之间的差异，每个数据来源查询编辑器的外观和功能都不同。根据您的数据来源，查询编辑器可能会提供自动完成功能、指标名称、变量建议或可视化查询构建界面。

有关特定数据来源的独特查询编辑器功能的详细信息，请参阅其文档：
+ 有关 Grafana 中包含的数据来源，请参阅[内置数据来源](AMG-data-sources-builtin.md)。
+ 有关 Grafana Enterprise 中包含的数据来源，请参阅 [连接到企业数据来源](AMG-data-sources-enterprise.md)。

**查询语法**

数据来源使用不同的查询语言来请求数据。有关特定数据来源的独特查询语言的详细信息，请参阅其文档。

**PostgreSQL 示例：**

```
SELECT hostname FROM host WHERE region IN($region)
```

**PromQL 示例：**

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

**特殊数据来源**

Grafana 还包含三种特殊数据来源：**Grafana**、**混合**和**控制面板**。有关详细信息，请参阅数据来源

## 导航查询选项卡
<a name="v9-panels-query-xform-navigate"></a>

面板的**查询**选项卡由以下元素组成：
+ **数据来源选择器**：选择要查询的数据来源。
+ **查询选项**：设置最大数据检索参数和查询运行时间间隔。
+ **查询检查器按钮**：打开查询检查器面板，您可以在其中查看和优化查询。
+ **查询编辑器列表**：列出您编写的查询。
+ **表达式**：使用表达式生成器创建警报表达式。有关表达式的更多信息，请参阅[编写表达式查询](v9-panels-query-xform-expressions.md)。

## 添加查询
<a name="v9-panels-query-xform-add"></a>

查询返回数据，供 Grafana 在控制面板面板中可视化。创建面板时，Grafana 会自动选择默认数据来源。

**添加查询**

1. 编辑要向其中添加查询的面板。

1. 选择 **Query**（查询）选项卡。

1. 选择**数据来源**下拉菜单并选择一个数据来源。

1. 选择**查询选项**以配置所需的最大数据点数。有关查询选项的更多信息，请参阅 [查询选项](#v9-panels-query-xform-options)。

1. 使用查询编辑器编写查询。

1. 选择**应用**。

Grafana 查询数据来源并将数据可视化。

## 管理查询
<a name="v9-panels-query-xform-manage"></a>

Grafana 在可折叠的查询行中整理查询。每个查询行都包含一个查询编辑器，并以字母（A、B、C 等）进行标识。

要管理查询，您可以复制查询、隐藏查询、产出查询、重新排序查询以及切换查询编辑器的帮助。

## 查询选项
<a name="v9-panels-query-xform-options"></a>

选择数据来源选择器旁边的**查询选项**，查看所选数据来源的设置。您在此处所做的更改仅影响在此面板中进行的查询。

Grafana 设置了以深灰色文本显示的默认值。更改以白色文本显示。要将字段恢复为默认设置，请从该字段中删除白色文本。

面板数据来源查询选项包括：
+ **最大数据点数**：如果数据来源支持该选项，则为返回的每个序列设置最大数据点数。如果查询返回的数据点数超过最大数据点设置，则数据来源将按 average、max 其他函数将其聚合在一起，来减少返回的数据点数。

  您可以限制点数以提高查询性能或平滑可视化线条。默认值是图形的宽度（或像素数），因为只有图形面板有足够的空间显示尽可能多的数据点，才能实现可视化。

  在流处理数据中，Grafana 对滚动缓冲使用最大数据点值。流处理是连续的数据流，而缓冲将数据流划分为多个块。例如，Loki 在实时跟踪模式下传输数据。
+ **最小间隔**：为自动计算的间隔设置最小限制，通常是最小抓取间隔。如果每 15 秒保存一次数据点，低于此间隔不会对您有什么好处。您也可以将其设置为比抓取间隔更高的最小值，以检索更粗粒度且运行良好的查询。
+ **间隔**：按时间对数据点进行聚合或分组时可以使用的时间范围。

  Grafana 会自动计算适当的间隔，该间隔可用作模板化查询中的变量。变量以秒（`$__interval`）或毫秒（`$__interval_ms`）为单位。

  间隔通常用于 sum 或 average 等聚合函数。例如，这是一个使用间隔变量的 Prometheus 查询：`rate(http_requests_total[$__interval])`。

  此自动间隔是根据图形的宽度计算的。当用户缩小可视化时，间隔会增大，从而产生更粗粒度的聚合。同样，如果用户放大，间隔会减小，从而产生更细粒度的聚合。

  有关更多信息，请参阅 [全局变量](v9-dash-variable-add.md#v9-dash-variable-add-global)。
+ **相对时间**：覆盖各个面板的相对时间范围，使其与控制面板右上角控制面板时间选择器中所选择的时间不同。您可以使用此函数在同一控制面板上显示不同时间段或日期的指标。
**注意**  
当控制面板的时间范围为绝对值时，面板时间覆盖不起作用。    
[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/zh_cn/grafana/latest/userguide/v9-panels-query-xform.html)
+ **时移**：通过相对于时间选取器移动面板的开始和结束时间，来覆盖各个面板的时间范围。例如，您可以将面板的时间范围移至比控制面板时间选择器早 2 小时。
**注意**  
当控制面板的时间范围为绝对值时，面板时间覆盖不起作用。    
[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/zh_cn/grafana/latest/userguide/v9-panels-query-xform.html)
+ **缓存超时**：*（仅在数据来源中可用时才可见）*如果您的时间序列存储具有查询缓存，则覆盖默认缓存超时。将此值指定为数值（秒）。

# 编写表达式查询
<a name="v9-panels-query-xform-expressions"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

服务器端表达式使您能够用数学和其他运算查询返回的数据。表达式会创建新数据，但不操作数据来源返回的数据。

## 关于表达式
<a name="v9-panels-query-about"></a>

服务器端表达式使您能够用数学和其他运算查询返回的数据。表达式会创建新数据，但不操作数据来源返回的数据，除了一些小的数据重组，使数据成为表达式可接受的输入。

**使用表达式**

表达式主要由 [Grafana Alerting](v9-alerts.md) 使用。处理在服务器端完成，因此表达式可以在没有浏览器会话的情况下运行。但是，表达式也可以用于后端数据来源和可视化。

**注意**  
表达式不适用于旧版控制面板警报。

表达式旨在通过合并来自不同数据来源的查询或提供数据来源中不可用的运算来扩充数据来源。

**注意**  
在可能的情况下，应在数据来源内部进行数据处理。将数据从存储复制到 Grafana 服务器进行处理效率低下，因此表达式主要针对轻量级数据处理。

表达式适用于返回时间序列或数字数据的数据来源查询。还可以处理[多维数据](getting-started-grafanaui.md#time-series-dimensions)。例如，返回多个序列的查询，其中每个序列都由标签或标记标识。

单个表达式将一个或多个查询或其他表达式作为输入，并将数据添加到结果中。每个单独的表达式或查询都由一个变量表示，该变量是一个命名标识符，称为 RefID（例如，默认字母 `A` 或 `B`）。

要在另一个表达式中引用单个表达式或数据来源查询的输出，此标识符将用作变量。

**表达式类型**

表达式可以处理两种类型的数据。
+ 时间序列的集合。
+ 数字的集合，其中每个数字都是一个项。

每个集合均从单个数据来源查询或表达式返回，并由 ReFID 表示。每个集合都是一个集，而集中的每一项都由其维度唯一标识，这些维度以[标签](getting-started-grafanaui.md#labels)或键值对形式存储。

**数据来源查询**

服务器端表达式仅支持对后端数据来源的查询。通常假设数据是有标签的时间序列数据。将来，我们打算添加查询返回类型（数字或时间序列）数据的断言，以便表达式可以更好地处理错误。

与表达式一起使用时，数据来源查询由表达式引擎运行。在此过程中，将数据重组为一个时间序列或每个数据帧一个数字。例如，如果使用的数据来源在表视图中的一个帧上返回多个序列，那么在使用表达式运行时，您可能会发现其看起来有所不同。

目前，在使用数据帧时，唯一支持的非时间序列格式（数字）是表响应，返回的是无时间的数据帧、字符串列和一个数字列：


| Loc | 主机 | Avg\$1CPU | 
| --- | --- | --- | 
|  MIA  |  A  |  1  | 
|  NYC  |  B  |  2  | 

上面的示例将生成一个适用于表达式的数字。字符串列变成标签，数字列变成相应的值。例如 `{"Loc": "MIA", "Host": "A"}`，值为 1。

**操作**

您可以在表达式中使用以下运算：math、reduce 和 resample。

**数学**

Math 适用于时间序列或数字数据的自由格式数学公式。数学运算将数字和时间序列作为输入，并将其转换为不同的数字和时间序列。

在引用其他查询或表达式中的数据时，RefID 会以美元符号作为前缀，例如 `$A`。如果变量的名称中包含空格，则可以使用大括号语法，例如 `${my variable}`。

数字常量可以是十进制（`2.24`）、八进制（带前导 0 `072`）或十六进制（带前导 0x `0x2A`）。还支持指数和符号（例如 `-0.8e-2`）。

**运算符**

支持算术运算符（`+`、二元和一元 `-`、`*`、`/`、`%`、指数 `**`）、关系运算符（`<`、`>`、`==`、`!=`、`>=`、`<=`）和逻辑运算符（`&&`、`||` 和一元 `!`）。

运算对数据的行为方式取决于其是数字数据还是时间序列数据。

对于二元运算（例如 `$A + $B` 或 `$A || $B`），运算符根据数据类型按以下方式应用：
+ 如果 `$A` 和 `$B` 都是数字，则对这两个数字执行运算。
+ 如果一个变量是数字，而另一个变量是时间序列，则执行时间序列中每个点的值与数字之间的运算。
+ 如果 `$A` 和 `$B` 都是时间序列数据，则对 `$A` 和 `$B` 中存在的每个时间戳执行两个序列中每个值之间的运算。可使用 `Resample` 运算排列时间戳。

摘要：
+ 数字 OP 数字 = 数字
+ 数字 OP 序列 = 序列
+ 序列 OP 序列 = 序列

由于表达式处理由单个变量表示的多个序列或数字，因此二进制运算还会在两个变量之间执行联合（连接）。这是根据与每个序列或数字关联的标识标签完成的。

因此，如果 `$A` 中的数字带有 `{host=web01}` 等标签，而 `$B` 中的另一个数字具有相同的标签，则在每个变量中的这两个项目之间执行运算，结果将共享相同的标签。此联合的行为规则如下：
+ 无标签的项将连接到任何项。
+ 如果 `$A` 和 `$B` 都只包含一个项（一个序列或一个数字），则二者将会连接。
+ 如果标签是具体的数学运算，则会连接。
+ 如果标签是另一个标签的子集，例如 `$A` 中的一个项标记为 `{host=A,dc=MIA}`，而 `$B` 中的一个项标记为 `{host=A}`，则二者将会连接。
+ 如果在 `$A` 等变量中，每个项都有不同的标签键，则连接行为未定义。

关系运算符和逻辑运算符返回 0 表示 false，返回 1 表示 true。

**数学函数**

虽然大多数函数存在于自己的表达式运算中，但数学运算确实有一些类似于数学运算符或符号的函数。当函数可以取数字或序列时，将返回与参数相同的类型。如果是序列，则对序列中每个点的值执行运算。

*abs*

abs 返回其参数的绝对值，可以是数字或序列。例如，`abs(-1)` 或 `abs($A)`。

*is\$1inf*

is\$1inf 取一个数字或序列，`Inf` 值（负值或正值）返回 `1`，其他值返回 `0`。例如 `is_inf($A)`。

**注意**  
例如，如果需要特别检查负无穷大，可以做一个比较，比如 `$A == infn()`。

*is\$1nan*

is\$1nan 取一个数字或序列，`NaN` 值返回 `1`，其他值返回 `0`。例如 `is_nan($A)`。此函数之所以存在，是因为 `NaN` 不等于 `NaN`。

*is\$1null*

is\$1null 取一个数字或序列，`null` 值返回 `1`，其他值返回 `0`。例如 `is_null($A)`。

*is\$1number*

is\$1number 取一个数字或序列，所有实数值返回 `1`，其他值返回 `0`（即 `null`、`Inf+`、`Inf-` 和 `NaN`）。例如 `is_number($A)`。

*log*

log 返回其参数的自然对数，可以是数字或序列。如果值小于 0，则返回 `NaN`。例如，`log(-1)` 或 `log($A)`。

*inf、infn、nan 和 null*

inf、infn、nan 和 null 函数都返回一个名称值。主要用于测试。示例：`null()`。

*round*

Round 返回一个四舍五入的整数值。例如，`round(3.123)` 或 `round($A)`。

*ceil*

Ceil 将数字向上舍入到最接近的整数值。例如，`ceil(3.123)` 将返回 `4`。

*floor*

Floor 将数字向下舍入到最接近的整数值。例如，`floor(3.123` 将返回 `3`。

**Reduce**

Reduce 取查询或表达式返回的一个或多个时间序列，将每个序列转换为一个数字。时间序列的标签作为标签保留在每个输出的归约数上。

*字段：*
+ **函数**：要使用的归约函数
+ **输入**：要重采样的变量（RefID（如 `A`））
+ **模式**：当序列包含非数值（null、NaN、\$1-Inf）时，允许控制归约函数的行为

**归约函数**

*计数*

Count 返回每个序列中的点数。

*平均值*

Mean 返回每个序列中所有值的总和除以该序列中的点数。在 `strict` 模式下，如果序列中的任何值为 null 或 nan，或者序列为空，则返回 NaN。

*Min 和 Max*

Min 和 Max 分别返回序列中的最小值或最大值。在 `strict` 模式下，如果序列中的任何值为 null 或 nan，或者序列为空，则返回 NaN。

*总计*

Sum 返回序列中所有值的总和。如果序列长度为零，则总和为 0。在 `strict` 模式下，如果序列中的任何值为 NaN 或 Null，则返回 NaN。

*Last*

Last 返回序列中的最后一个数字。如果该序列没有值，则返回 NaN。

**归约模式**

*Strict*

在 Strict 模式下，按原样处理输入序列。如果序列中的任何值为非数字（null、NaN 或 \$1-Inf），则返回 NaN。

*Drop Non-Numeric*

在此模式下，在运行归约函数之前，将筛选掉输入序列中的所有非数字值（null、NaN 或 \$1-Inf）。

*Replace Non-Numeric*

在此模式下，所有非数字值都将替换为预定义值。

**Resample**

Resample 会更改每个时间序列中的时间戳，使其具有一致的时间间隔。主要用例是，您可以对不共享相同时间戳的时间序列进行重采样，以便在其之间执行数学运算。这可以通过对两个序列中的每一个进行重采样，然后在引用重采样变量的数学运算中来完成。

*字段：*
+ **输入**：要重采样的时间序列数据变量（refID（如 `A`））
+ **重采样至**：重采样的时间持续，例如，`10s.` 单位 `s` 表示秒，`m` 表示分钟，`h` 表示小时，`d` 表示天，`w` 表示周，`y` 表示年。
+ **降采样**：当每个窗口样本有多个数据点时使用的归约函数。有关行为详细信息，请参阅归约运算。
+ **升采样**：用于填充无数据点窗口样本的方法。
  + **pad** 填充上一个已知值
  + **backfill** 回填下一个已知值
  + **fillna** 用来填充空白的样本窗口 NaNs

## 编写表达式
<a name="v9-panels-query-write"></a>

如果您的数据来源支持表达式，Grafana 会显示**表达式**按钮，并在查询编辑器列表中显示任何现有表达式。

**编写表达式**

1. 打开面板。

1. 在查询下方，选择**表达式**。

1. 在**运算**字段中，选择要编写的表达式类型。

1. 编写表达式。

1. 选择**应用**。

## 特殊情况
<a name="v9-panels-query-special"></a>

当任何查询的数据来源未返回序列或数字时，表达式引擎将返回 `NoData`。例如，如果请求包含两个由表达式合并的数据来源查询，而 `NoData` 由至少一个数据来源查询返回，则整个查询的返回结果为 `NoData`。有关 Grafana Alerting 如何处理 `NoData` 结果的更多信息，请参阅 [处理无数据或错误的情况](v9-alerting-managerules-grafana.md#v9-alerting-rule-no-data-error)。

# 与其他面板共享查询结果
<a name="v9-panels-query-share"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

通过 Grafana，您可以将一个面板中的查询结果用于控制面板中的任何其他面板。跨面板共享查询结果可以减少对数据来源的查询次数，从而提高控制面板的性能。

控制面板数据来源允许您在控制面板中选择一个面板，其中包含要共享结果的查询。Grafana 没有为每个面板发送单独的查询，而是发送一个查询，而其他面板则使用查询结果来构造可视化。

例如，当您有多个面板可视化相同的数据时，该策略可以大大减少查询的次数。

**共享查询结果**

1. [创建控制面板](v9-dash-creating.md)。

1. 将标题更改为 `Source panel`。使用此面板作为其他面板的来源。

1. 定义要共享的一个或多个查询。

   如果您没有可用的数据源，请使用**TestData**数据源，它会返回一个可用于测试的随机时间序列。

1. 添加第二个面板，然后在查询编辑器中选择**控制面板**数据来源。

1. 在**使用来自面板列表的结果**中，选择您创建的第一个面板。

现在，在来源面板中定义的所有查询都可用于新面板。在来源面板中进行的查询可与多个面板共享。

您可以单击任何查询以转到定义查询的面板。

# 转换数据
<a name="v9-panels-xform"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

转换是一种强大方法，可在系统应用可视化之前处理查询返回的数据。通过转换，您可以：
+ 重命名字段
+ 连接时间序列数据
+ 跨查询执行数学运算
+ 将一个转换的输出用作另一个转换的输入

对于依赖同一数据集中多个视图的用户来说，转换是一种创建和维护大量控制面板的有效方法。

您也可以将一个转换的输出用作另一个转换的输入，从而提高性能。

**注意**  
有时，系统无法绘制转换后的数据。发生这种情况时，单击可视化上方的**表视图**切换按钮，以切换到数据的表视图。这有助于您了解转换的最终结果。

## 转换类型
<a name="v9-panels-xform-types"></a>

Grafana 提供了多种转换数据的方式。下面是转换函数的完整列表。

## 转换顺序
<a name="v9-panels-xform-order"></a>

当存在多个转换时，Grafana 会按其列出的顺序来应用。每次转换都会创建一个新的结果集，然后传递给处理管道中的下一个转换。

Grafana 应用转换的顺序会直接影响结果。例如，如果使用 Reduce 转换将一列的所有结果压缩为单个值，则只能对该值应用转换。

## 向数据添加转换函数
<a name="v9-panels-xform-add"></a>

以下步骤将指导您向数据添加转换。

**向面板添加转换**

1. 导航到要在其中添加一个或多个转换的面板。

1. 选择面板标题，然后单击**编辑**。

1. 选择 **Transform (转换)** 选项卡。

1. 选择转换。此时会显示一个转换行，您可以在其中配置转换选项。

1. 要应用另一个转换，请选择**添加转换**。这次转换对上一次转换返回的结果执行操作。

## 调试转换
<a name="v9-panels-xform-debug"></a>

要查看转换的输入和输出结果集，请选择转换行右侧的调试图标。

输入和输出结果集有助于调试转换。

## 删除转换
<a name="v9-panels-xform-delete"></a>

建议删除不需要的转换。删除转换时，即从可视化中删除数据。

先决条件：

识别所有依赖转换的控制面板，并通知受影响的控制面板用户。

**删除转换**

1. 打开面板进行编辑。

1. 选择 **Transform (转换)** 选项卡。

1. 选择要删除的转换旁边的垃圾桶图标。

## 转换函数
<a name="v9-panels-xform-functions"></a>

您可以对数据执行以下转换。

**从计算添加字段**

使用此转换可以添加一个根据其他两个字段计算得出的新字段。每次转换都允许您添加一个新字段。
+ **模式**：选择一种模式：
  + **减少行**：对选定字段的每一行分别应用所选计算。
  + **二元选项**：对两个选定字段的单行中的值应用基本的数学运算（求和、乘法等）。
+ **字段名称**：选择要在新字段的计算中使用的字段名称。
+ **计算**：如果您选择**减少行**模式，则会出现**计算**字段。单击字段以查看可用于创建新字段的计算选项列表。有关可用计算的信息，请参阅[计算类型](v9-panels-calculation-types.md)。
+ **运算**：如果您选择**二元选项**模式，则出现**运算**字段。通过这些字段，您可以对来自两个选定字段的单行中的值进行基本数学运算。也可以使用数值进行二元运算。
+ **别名**：（可选）输入新字段的名称。如果将此项保留为空，则将对该字段命名以与计算匹配。
+ **替换所有字段**：（可选）如果您想在可视化中隐藏所有其他字段并仅显示经过计算字段，请使用此选项。

**连接字段**

这种转换将所有帧中的所有字段合并为一个结果。考虑以下两个查询。

查询 A：


| 临时文件 | 正常运行时间 | 
| --- | --- | 
|  15.4  |  1230233  | 

查询 B：


| AQI | 错误 | 
| --- | --- | 
|  3.2  |  5  | 

连接字段后，数据帧为：


| 临时文件 | 正常运行时间 | AQI | 错误 | 
| --- | --- | --- | --- | 
|  15.4  |  1230233  |  3.2  |  5  | 

**来自查询结果的配置**

通过这种转换，您可以选择一个查询，从中提取**最小值**、**最大值**、**单位**和**阈值**等标准选项，并将其应用于其他查询结果。这实现了动态查询驱动的可视化配置。

如果您想为配置查询结果中的每一行提取唯一配置，请尝试行到字段的转换。

**Options**
+ **配置查询**：选择返回要用作配置的数据的查询。
+ **应用于**：选择要对哪些字段或序列应用配置。
+ **应用于选项**：通常是字段类型或字段名称正则表达式，具体取决于您在**应用于**中选择的选项。

**转换字段类型**

此转换会更改指定字段的字段类型。
+ **字段**：从可用字段中选择
+ **as** — 选择 FieldType 要转换为
  + **数字**：尝试将值变为数字
  + **字符串**：将值设为字符串
  + **时间**：尝试将值解析为时间
    + 将显示一个选项，用于通过诸 DateFormat 如 yyyy-mm-dd或 DD MM YYYY hh: mm: ss 之类的字符串将 a 指定为输入
  + **布尔值**：将值变为布尔值

例如，可通过选择时间字段“Time”和日期格式“YYYY”来修改以下查询。


| 时间 | 标记 | 值 | 
| --- | --- | --- | 
|  7/1/2017  |  高于  |  25  | 
|  8/2/2018  |  低于  |  22  | 
|  9/2/2019  |  低于  |  29  | 
|  10/4/2020  |  高于  |  22  | 

结果：


| 时间 | 标记 | 值 | 
| --- | --- | --- | 
|  1/1/2017  |  高于  |  25  | 
|  1/1/2018  |  低于  |  22  | 
|  2019 年 1 月 1 日  |  低于  |  29  | 
|  1/1/2020  |  高于  |  22  | 

**按名称筛选数据**

使用此转换可以移除部分查询结果。

Grafana 显示**标识符**字段，后面是您的查询返回的字段。

您可以通过以下两种方式之一应用筛选器：
+ 输入正则表达式。
+ 选择一个字段以切换对该字段的筛选。筛选后的字段显示为深灰色文本，未筛选的字段包含白色文本。

**按查询筛选数据**

如果您想要隐藏一个或多个查询，请在包含多个查询的面板中使用此转换。

Grafana 以深灰色文本显示查询标识字母。单击查询标识符以切换筛选。如果查询字母是白色的，则会显示结果。如果查询字母是深色的，则会隐藏结果。

**注意**  
这种转换不适用于 Graphite，因为此数据来源不支持将返回的数据与查询关联。

**按值筛选数据**

此转换允许您直接在 Grafana 中筛选数据，并从查询结果中删除一些数据点。您可以选择包含或排除与您定义的一个或多个条件相匹配的数据。这些条件将应用于选定的字段。

如果您的数据来源未按值进行本机筛选，则此转换非常有用。如果您使用的是共享查询，也可以使用它来缩小要显示的值的范围。

所有字段的可用条件如下：
+ **正则表达式**：匹配正则表达式
+ **为 Null 值**：如果值为 null 值，则匹配
+ **为非 Null 值**：如果值为非 null 值，则匹配
+ **等于**：如果值等于指定值，则匹配
+ **不同**：如果值与指定值不同，则匹配

数值字段的可用条件如下：
+ **大于**：如果值大于指定值，则匹配
+ **小于**：如果值小于指定值，则匹配
+ **大于或等于**：如果值大于或等于指定值，则匹配
+ **小于或等于**：如果值小于或等于指定值，则匹配
+ **范围**：匹配指定的最小值和最大值之间的范围，包括最小值和最大值

考虑以下数据集：


| 时间 | 温度 | 海拔 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:23  |  32  |  101  | 
|  7/7/2020 上午 11:34:22  |  28  |  125  | 
|  7/7/2020 上午 11:34:21  |  26  |  110  | 
|  7/7/2020 上午 11:34:20  |  23  |  98  | 
|  7/7/2020 上午 10:32:24  |  31  |  95  | 
|  7/7/2020 上午 10:31:22  |  20  |  85  | 
|  7/7/2020 上午 9:30:57  |  19  |  101  | 

如果**包括**温度低于 30°C 的数据点，配置将如下所示：
+ **筛选条件类型**：`Include`
+ **条件**：`Temperature` 匹配 `Lower Than 30` 的行

您将得到以下结果，其中仅包括低于 30°C 的温度：


| 时间 | 温度 | 海拔 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:22  |  28  |  125  | 
|  7/7/2020 上午 11:34:21  |  26  |  110  | 
|  7/7/2020 上午 11:34:20  |  23  |  98  | 
|  7/7/2020 上午 10:31:22  |  20  |  85  | 
|  7/7/2020 上午 9:30:57  |  19  |  101  | 

您可以向筛选器添加多个条件。例如，您可能希望仅在海拔大于 100 时才包含数据。为此，请将该条件添加到以下配置：
+ 筛选条件类型：符合 `Match All` 条件的 `Include` 行
+ 条件 1：`Temperature` 匹配 `Lower` 而非 `30` 的行
+ 条件 2：`Altitude` 匹配 `Greater` 而非 `100` 的行

当您有多个条件时，您可以选择是希望将操作（包括/排除）应用于您添加的 **Match all** 条件的行，还是 **Match any** 条件的行。

在上面的示例中，我们之所以选择 **Match all**，是因为我们希望包括温度低于 30 且海拔高于 100 的行。如果我们想包括温度低于 30 或海拔高于 100 的行，则可以选择 **Match any**。这包括原始数据中的第一行，该行的温度为 32°C（与第一个条件不匹配），但海拔高度为 101（与第二个条件匹配），因此包括在内。

无效或配置不完整的条件将被忽略。

**Group by** (分组依据)

此转换按指定的字段（列）值对数据进行分组，并处理每个组的计算。单击以查看计算选项的列表。

以下是原始数据的示例：


| 时间 | Server ID | CPU 温度 | 服务器状态 | 
| --- | --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  server 1  |  80  |  关闭  | 
|  7/7/2020 上午 11:34:20  |  server 3  |  62  |  OK  | 
|  7/7/2020 上午 10:32:20  |  server 2  |  90  |  过载  | 
|  7/7/2020 上午 10:31:22  |  server 3  |  55  |  正常  | 
|  7/7/2020 上午 9:30:57  |  server 3  |  62  |  Rebooting  | 
|  7/7/2020 上午 9:30:05  |  server 2  |  88  |  OK  | 
|  7/7/2020 上午 9:28:06  |  server 1  |  80  |  OK  | 
|  7/7/2020 上午 9:25:05  |  server 2  |  88  |  OK  | 
|  7/7/2020 上午 9:23:07  |  server 1  |  86  |  OK  | 

该转换分两个步骤。首先，指定一个或多个字段作为数据分组依据。这会将这些字段的所有相同值分组到一起，就像对它们进行排序一样。例如，如果我们按服务器 ID 字段分组，则其将按以下方式对数据分组：


| 时间 | Server ID | CPU 温度 | 服务器状态 | 
| --- | --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  server 1  |  80  |  关闭  | 
|  7/7/2020 上午 9:28:06  |  server 1  |  80  |  OK  | 
|  7/7/2020 上午 9:23:07  |  server 1  |  86  |  OK  | 
|  7/7/2020 上午 10:32:20  |  server 2  |  90  |  过载  | 
|  7/7/2020 上午 9:30:05  |  server 2  |  88  |  OK  | 
|  7/7/2020 上午 9:25:05  |  server 2  |  88  |  OK  | 
|  7/7/2020 上午 11:34:20  |  server 3  |  62  |  OK  | 
|  7/7/2020 上午 10:31:22  |  server 3  |  55  |  正常  | 
|  7/7/2020 上午 9:30:57  |  server 3  |  62  |  Rebooting  | 

包含相同服务器 ID 值的所有行将分组在一起。

选择作为数据分组依据的字段后，可以在其他字段上添加各种计算，计算将应用于每组行。例如，您可能想要计算每台服务器的平均 CPU 温度。因此，我们可以将应用于 CPU 温度字段的*平均值*计算相加，得到以下结果：


| Server ID | CPU 温度（平均值） | 
| --- | --- | 
|  server 1  |  82  | 
|  server 2  |  88.6  | 
|  server 3  |  59.6  | 

我们可以添加多个计算。例如：
+ 对于“时间”字段，我们可以计算*上个*值，以了解每台服务器上一个数据点的接收时间
+ 对于“服务器状态”字段，我们可以计算*上个*值，以了解每台服务器上一次的状态值。
+ 对于“温度”字段，我们可以计算*上个*值，以了解每台服务器的最新监控温度。

然后我们会得到：


| Server ID | CPU 温度（平均值） | CPU 温度（上个值） | 时间（上个值） | 服务器状态（上个值） | 
| --- | --- | --- | --- | --- | 
|  server 1  |  82  |  80  |  7/7/2020 上午 11:34:20  |  关闭  | 
|  server 2  |  88.6  |  90  |  7/7/2020 上午 10:32:20  |  过载  | 
|  server 3  |  59.6  |  62  |  7/7/2020 上午 11:34:20  |  OK  | 

此转换使您能够从时间序列中提取关键信息，并以便捷的方式显示这些信息。

**按字段连接**

使用此转换将多个结果连接到一个表中。这对于将多个时间序列结果转换为具有共享时间字段的单个宽表特别有用。

*内连接*

内连接合并多个表中的数据，其中所有表共享选定字段中的相同值。这种类型的连接会排除每个结果中值不匹配的数据。

使用此转换将多个查询结果（通过连接字段或首次列组合）合并为一个结果，并删除无法成功连接的行。

在以下示例中，两个查询返回表数据。在应用内连接转换之前，将其可视化为两个独立的表。

查询 A：


| 时间 | 任务 | 正常运行时间 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  节点  |  25260122  | 
|  7/7/2020 上午 11:24:20  |  postgre  |  123001233  | 
|  7/7/2020 上午 11:14:20  |  postgre  |  345001233  | 

查询 B：


| 时间 | 服务器 | 错误 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  server 1  |  15  | 
|  7/7/2020 上午 11:24:20  |  server 2  |  5  | 
|  7/7/2020 上午 11:04:20  |  server 3  |  10  | 

应用内连接转换后的结果如下所示：


| 时间 | 任务 | 正常运行时间 | 服务器 | 错误 | 
| --- | --- | --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  节点  |  25260122  |  server 1  |  15  | 
|  7/7/2020 上午 11:24:20  |  postgre  |  123001233  |  server 2  |  5  | 

*外连接*

外连接包括来自内连接的所有数据，以及在每个输入中值不匹配的行。内连接在时间字段上连接查询 A 和查询 B，而外连接包括所有在时间字段上不匹配的行。

在以下示例中，两个查询返回表数据。在应用外连接转换之前，将其可视化为两个表。

查询 A：


| 时间 | 任务 | 正常运行时间 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  节点  |  25260122  | 
|  7/7/2020 上午 11:24:20  |  postgre  |  123001233  | 
|  7/7/2020 上午 11:14:20  |  postgre  |  345001233  | 

查询 B：


| 时间 | 服务器 | 错误 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  server 1  |  15  | 
|  7/7/2020 上午 11:24:20  |  server 2  |  5  | 
|  7/7/2020 上午 11:04:20  |  server 3  |  10  | 

应用外连接转换后的结果如下所示：


| 时间 | 任务 | 正常运行时间 | 服务器 | 错误 | 
| --- | --- | --- | --- | --- | 
|  7/7/2020 上午 11:04:20  |    |    |  server 3  |  10  | 
|  7/7/2020 上午 11:14:20  |  postgre  |  345001233  |    |    | 
|  7/7/2020 上午 11:34:20  |  节点  |  25260122  |  server 1  |  15  | 
|  7/7/2020 上午 11:24:20  |  postgre  |  123001233  |  server 2  |  5  | 

**标签到字段**

此转换将包含标签或标记的时间序列结果更改为表，其中每个标签键和值都包含在表结果中。标签可以显示为列或行值。

给定两个时间序列的查询结果：
+ 序列 1：标签 Server=Server A，Datacenter=EU
+ 序列 2：标签 Server=Server B，Datacenter=EU

在**列**模式下，结果如下所示：


| 时间 | 服务器 | Datacenter | 值 | 
| --- | --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  Server A  |  EU  |  1  | 
|  7/7/2020 上午 11:34:20  |  Server B  |  EU  |  2  | 

在“行”模式下，结果对每个序列都创建一个表，并显示每个标签值，如下所示：


| label | 值 | 
| --- | --- | 
|  服务器  |  Server A  | 
|  Datacenter  |  EU  | 


| label | 值 | 
| --- | --- | 
|  服务器  |  Server B  | 
|  Datacenter  |  EU  | 

*值字段名称*

如果您选择 Server 作为**值字段名称**，则 Server 标签的每个值都将获得一个字段。


| 时间 | Datacenter | Server A | Server B | 
| --- | --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  EU  |  1  |  2  | 

*合并行为*

标签到字段转换器在内部是两个独立的转换。第一个作用于单个序列，并将标签提取到字段。第二个是合并转换，将所有结果合并到一个表。合并转换会尝试连接所有匹配字段。此合并步骤是必需的，无法关闭。

**注意**  
*合并*转换可以单独使用，详细说明如下。

为了说明这一点，这里有一个示例，其中有两个查询返回没有重叠标签的时间序列。
+ 序列 1：标签 Server=ServerA
+ 序列 2：标签 Datacenter=EU

首先会生成这两个表：


| 时间 | 服务器 | 值 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  ServerA  |  10  | 


| 时间 | Datacenter | 值 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  EU  |  20  | 

合并后：


| 时间 | 服务器 | 值 | Datacenter | 
| --- | --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  ServerA  |  10  |    | 
|  7/7/2020 上午 11:34:20  |    |  20  |  EU  | 

**合并** 

使用此转换将来自多个查询的结果合并为一个结果。这在使用表面板可视化时很有用。可以合并的值将合并到同一行中。如果共享字段包含相同的数据，则可以合并值。

在下面的示例中，我们有两个返回表数据的查询。在应用转换之前，将其可视化为两个独立的表。

查询 A：


| 时间 | 任务 | 正常运行时间 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  节点  |  25260122  | 
|  7/7/2020 上午 11:24:20  |  postgre  |  123001233  | 

查询 B：


| 时间 | 任务 | 错误 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  节点  |  15  | 
|  7/7/2020 上午 11:24:20  |  postgre  |  5  | 

以下是应用合并转换后的结果：


| 时间 | 任务 | 错误 | 正常运行时间 | 
| --- | --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  节点  |  15  |  25260122  | 
|  7/7/2020 上午 11:24:20  |  postgre  |  5  |  123001233  | 

**整理字段**

使用此转换可以重命名、重新排序或隐藏查询返回的字段。

**注意**  
此转换仅适用于具有单个查询的面板。如果您的面板有多个查询，则必须应用外连接转换或删除多余的查询。

Grafana 会显示查询返回的字段列表。你可以：
+ 将光标悬停在字段上以更改字段顺序。光标变成手形，然后您就可以将该字段拖到新的位置。
+ 通过单击字段名称旁边的眼睛图标隐藏或显示字段。
+ 通过在重命名框中键入新名称来重命名字段。

**按值分区**

在绘制多个序列时，这种转换可避免使用不同 `WHERE` 子句对同一数据来源进行多次查询。考虑一个包含以下数据的指标 SQL 表：


| 时间 | Region | 值 | 
| --- | --- | --- | 
|  2022 年 10 月 20 日下午 12:00:00  |  美国  |  1520  | 
|  2022 年 10 月 20 日下午 12:00:00  |  EU  |  2936  | 
|  2022 年 10 月 20 日凌晨 1:00:00  |  美国  |  1327  | 
|  2022 年 10 月 20 日凌晨 1:00:00  |  EU  |  912  | 

在 v9.3 之前，如果你想在同一个 TimeSeries 面板中绘制美国的红色趋势线和欧盟的蓝色趋势线，你可能需要将其分成两个查询：

```
SELECT Time, Value FROM metrics WHERE Time > '2022-10-20' AND Region='US'
SELECT Time, Value FROM metrics WHERE Time > '2022-10-20' AND Region='EU'
```

这还需要您提前知道指标表中实际存在哪些区域。

通过*按值分区*转换器，您可以发出单个查询，并根据您选择的一个或多个列（`fields`）中的唯一值来拆分结果。下面的示例使用了 `Region`。

```
SELECT Time, Region, Value FROM metrics WHERE Time > '2022-10-20'
```


| 时间 | Region | 值 | 
| --- | --- | --- | 
|  2022 年 10 月 20 日下午 12:00:00  |  美国  |  1520  | 
|  2022 年 10 月 20 日凌晨 1:00:00  |  美国  |  1327  | 


| 时间 | Region | 值 | 
| --- | --- | --- | 
|  2022 年 10 月 20 日下午 12:00:00  |  EU  |  2936  | 
|  2022 年 10 月 20 日凌晨 1:00:00  |  EU  |  912  | 

**Reduce**

*Reduce* 转换将计算应用于帧中的每个字段，并返回单个值。应用此转换时，将删除时间字段。

考虑以下输入：

查询 A：


| 时间 | 临时文件 | 正常运行时间 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  12.3  |  256122  | 
|  7/7/2020 上午 11:24:20  |  15.4  |  1230233  | 

查询 B：


| 时间 | AQI | 错误 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  6.5  |  15  | 
|  7/7/2020 上午 11:24:20  |  3.2  |  5  | 

reduce 转换器具有两种模式：
+ **序列到行**：为每个字段创建一行，为每个计算创建一列。
+ **减少字段**：保留现有的框架结构，但将每个字段折叠为单个值。

例如，如果将**第一个**和**最后一个**计算与**序列到行**转换一起使用，则结果为：


| 字段 | 第一个 | Last | 
| --- | --- | --- | 
|  临时文件  |  12.3  |  15.4  | 
|  正常运行时间  |  256122  |  1230233  | 
|  AQI  |  6.5  |  3.2  | 
|  错误  |  15  |  5  | 

最后一次计算的 Reduce 字段会产生两个帧，每个帧都有一行：

查询 A：


| 临时文件 | 正常运行时间 | 
| --- | --- | 
|  15.4  |  1230233  | 

查询 B：


| AQI | 错误 | 
| --- | --- | 
|  3.2  |  5  | 

**按正则表达式重命名**

使用此转换，可以使用正则表达式和替换模式来重命名部分查询结果。

您可以指定一个正则表达式，该正则表达式只应用于匹配，同时指定一个支持反向引用的替换模式。例如，假设您在可视化每台主机的 CPU 使用情况，并希望删除域名。您可以将正则表达式设置为 `([^\.]+)\..+`，并将替换模式设置为 `$1`，`web-01.example.com` 将变为 `web-01`。

**行到字段**

行到字段的转换将行转换为单独的字段。这非常有用，因为可以单独设置字段的样式和配置。还可以使用附加字段作为动态字段配置的来源，或将其映射到字段标签。然后，可以使用其他标签为生成的字段定义更好的显示名称。

此转换包括一个字段表，该表列出了配置查询返回的数据中的所有字段。通过此表，您可以控制应将哪些字段映射到每个配置属性（\$1用作\$1\$1选项）。如果返回的数据中有多行，您还可以选择要选择的值。

这种转换需要：
+ 一个字段用作字段名称的来源。

  默认情况下，转换使用第一个字符串字段作为来源。您可以在要使用的字段的**用作**列中选择**字段名称**，来覆盖此默认设置。
+ 一个字段用作值的来源。

  默认情况下，转换使用第一个数字字段作为来源。但您可以在要使用的字段的**用作**列中选择**字段值**，来覆盖此默认设置。

在以下位置可视化数据时非常有用：
+ 计量表
+ Stat
+ 饼图

*将多余字段映射到标签*

如果字段未映射到配置属性，Grafana 会自动将其用作输出字段上标签的来源：

示例：


| Name | DataCenter | 值 | 
| --- | --- | --- | 
|  ServerA  |  美国  |  100  | 
|  ServerB  |  EU  |  200  | 

输出：


| ServerA（标签： DataCenter: 美国） | ServerB（标签： DataCenter：欧盟） | 
| --- | --- | 
|  10  |  20  | 

现在可以在字段显示名称中使用额外的标签，提供更完整的字段名称。

如果要从一个查询中提取配置并将其应用于另一个查询，则应使用查询结果转换中的配置。

*示例*

输入：


| Name | 值 | 最大值 | 
| --- | --- | --- | 
|  ServerA  |  10  |  100  | 
|  ServerB  |  20  |  200  | 
|  ServerC  |  30  |  300  | 

输出：


| ServerA（配置：max=100） | ServerB（配置：max=200） | ServerC（配置：max=300） | 
| --- | --- | --- | 
|  10  |  20  |  30  | 

如您所见，来源数据中的每一行都变成一个单独的字段。现在，每个字段还设置了最大配置选项。最小值、最大值、单位和阈值等选项都是字段配置的一部分，如果这样设置，可视化将使用这些选项，而不是在面板编辑器选项窗格中手动配置的任何选项。

**准备时间序列**

当数据来源以您要使用的面板不支持的格式返回时间序列数据时，准备时间序列转换非常有用。

这种转换通过将时间序列数据从宽格式转换为长格式或反过来，来帮助您解决此问题。

选择**多帧时间序列**选项，将时间序列数据框从宽格式转换为长格式。

选择**宽时间序列**选项，将时间序列数据框从长格式转换为宽格式。

**序列到行**

使用此转换可将多个时间序列数据查询的结果合并为一个结果。这在使用表面板可视化时很有用。

此转换的结果将包含三列：时间、指标和值。添加指标列是为了方便您查看该指标来自哪个查询。通过在来源查询上定义标签来自定义此值。

在下面的示例中，有两个查询返回时间序列数据。在应用转换之前，将其可视化为两个独立的表。

查询 A：


| 时间 | 温度 | 
| --- | --- | 
|  7/7/2020 上午 11:34:20  |  25  | 
|  7/7/2020 上午 10:31:22  |  22  | 
|  7/7/2020 上午 9:30:05  |  19  | 

查询 B：


| 时间 | 湿度 | 
| --- | --- | 
|  7/7/2020 上午 11:34:20  |  24  | 
|  7/7/2020 上午 10:32:20  |  29  | 
|  7/7/2020 上午 9:30:57  |  33  | 

以下是将序列应用于行转换后的结果。


| 时间 | 指标 | 值 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  温度  |  25  | 
|  7/7/2020 上午 11:34:20  |  湿度  |  22  | 
|  7/7/2020 上午 10:32:20  |  湿度  |  29  | 
|  7/7/2020 上午 10:31:22  |  温度  |  22  | 
|  7/7/2020 上午 9:30:57  |  湿度  |  33  | 
|  7/7/2020 上午 9:30:05  |  温度  |  19  | 

**排序依据**

此转换将按配置的字段对每一帧排序，选中 `reverse` 后，值将按相反的顺序返回。

**限制**

使用此转换来限制显示的行数。

在下面的示例中，我们从数据来源获得了以下响应：


| 时间 | 指标 | 值 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  温度  |  25  | 
|  7/7/2020 上午 11:34:20  |  湿度  |  22  | 
|  7/7/2020 上午 10:32:20  |  湿度  |  29  | 
|  7/7/2020 上午 10:31:22  |  温度  |  22  | 
|  7/7/2020 上午 9:30:57  |  湿度  |  33  | 
|  7/7/2020 上午 9:30:05  |  温度  |  19  | 

以下是添加值为“3”的限制转换后的结果：


| 时间 | 指标 | 值 | 
| --- | --- | --- | 
|  7/7/2020 上午 11:34:20  |  温度  |  25  | 
|  7/7/2020 上午 11:34:20  |  湿度  |  22  | 
|  7/7/2020 上午 10:32:20  |  湿度  |  29  | 

# 查询问题排查
<a name="v9-panels-query-troubleshoot"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

本页提供了如何解决常见控制面板问题的信息。

**当我重新排列函数时，得到不同的结果**

函数顺序非常重要。就像数学一样，函数的放置顺序会影响结果。

**检查查询请求和响应**

最常见的问题与数据来源的查询和响应有关。似乎是 Grafana 中的错误或可视化问题，其实是数据来源查询或数据来源响应的问题。首先检查面板查询和响应。

有关更多信息，请参阅[检查请求和响应数据](v9-panels-panel-inspector.md)。

**查询速度缓慢**

查询返回多少个数据点？ 返回大量数据点的查询速度会很慢。尝试：
+ 在**查询选项**中，限制返回的**最大数据点**。
+ 在**查询选项**中，增加**最小间隔**时间。
+ 在查询中，使用 `group by` 函数。

# 配置阈值
<a name="v9-panels-configure-thresholds"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

 本节包含有关在可视化中使用阈值的信息。您将了解阈值及其默认值、如何添加或删除阈值以及向旧版面板添加阈值。

## 关于阈值
<a name="v9-panels-thresholds-about"></a>

 阈值是您为指标指定的值，当达到或超过阈值时，该值会直观地反映在控制面板中。

 阈值为您提供了一种根据查询结果有条件地设置可视化样式和颜色的方法。您可以将阈值应用于大多数（但不是全部）可视化。有关可视化的更多信息，请参阅[可视化面板](v9-panels.md)。

 您可以使用阈值：
+  为[时间序列可视化](v9-panels-time-series.md)中的网格线或网格区域区域着色 
+  为[时间序列可视化](v9-panels-time-series.md)中的线条着色 
+  为[统计可视化](v9-panels-stat.md)中的背景或值文本着色 
+  为[仪表可视化](v9-panels-gauge.md)中的仪表和阈值标记着色 
+  为 [Geomap 可视化](v9-panels-geomap.md)中的标记着色 
+  为[表可视化](v9-panels-table.md)中的单元格文本或背景着色 
+  在[状态时间线可视化](v9-panels-state-timeline.md)中定义区域和区域颜色 

 有两种类型的阈值：
+  **绝对**阈值由数字定义。例如，从 1 到 150 的刻度 80。
+  **百分比**阈值是相对于最小值或最大值定义的。例如，80%。

### 默认阈值
<a name="v9-panels-thresholds-default"></a>

 在支持此阈值的可视化中，Grafana 将默认阈值设置为：
+  80 = 红色 
+  基本 = 绿色 
+  模式 = 绝对 

 **基本**值表示负无穷大。这种颜色通常表示良好。

## 添加或删除阈值
<a name="v9-panels-thresholds-add-delete"></a>

 您可以根据需要向面板添加任意数量的阈值。Grafana 会自动将阈值从最高到最低排序。

 当阈值与业务运营不再相关时，将其删除。删除阈值时，系统会从包含该阈值的所有可视化中将其删除。

1.  添加阈值：

   1.  编辑要向其中添加阈值的面板。

   1.  在选项侧窗格中，找到**阈值**部分，然后单击 **\$1 添加阈值**。

   1.  选择阈值颜色、数字和模式。阈值模式适用于此面板上的所有阈值。

   1.  对于时间序列面板，选择**显示阈值**选项。

1.  要删除阈值，请导航到包含阈值的面板，然后单击要删除的阈值旁边的垃圾桶图标。

## 向旧图形面板添加阈值
<a name="v9-panels-thresholds-legacy-graph"></a>

 在图形面板可视化中，阈值让您可以为图形添加线条或截面，以便在图形超过阈值时更容易识别。

1.  导航到要向其添加阈值的图形面板。

1.  在**面板**选项卡上，单击**阈值**。

1.  单击**添加阈值**。

1.  填写以下字段：
   +  **T1**：需要两个值才能显示阈值。
     +  **lt** 或 **gt**：选择 **lt** 表示小于，或选择 **gt** 表示大于，以指示阈值适用的范围。
     +  **值**：输入阈值。Grafana 沿 Y 轴在该值处绘制一条阈值线。
   +  **颜色**：选择与颜色对应的条件，或定义自己的颜色。
     +  **自定义**：定义填充颜色和线条颜色。
     +  **critical**：填充和线条颜色为红色。
     +  **warning**：填充和线条颜色为黄色。
     +  **ok**：填充和线条颜色为绿色。
   +  **填充**：控制是否显示阈值填充。
   +  **线条**：控制是否显示阈值线条。
   +  **Y 轴**：选择**左**或**右**。

1.  单击**保存**将更改保存到控制面板中。

# 配置数据链接
<a name="v9-panels-configure-data-links"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

 您可以使用数据链接变量或数据链接来创建面板之间的链接。

## 数据链接变量
<a name="v9-panels-data-link-variables"></a>

 您可以使用数据链接中的变量来查看序列字段、标签和值。有关数据链接的更多信息，请参阅 [数据链接](#v9-panels-data-links)。

 要查看可用变量列表，请在数据链接 **URL** 字段中键入 **\$1**，以查看可使用的变量列表。

**注意**  
 这些变量在 6.4 中发生了变化，因此，如果您使用的是旧版 Grafana，请使用版本选择器为旧版本的 Grafana 选择文档。

 您也可以在数据链接中使用模板变量 URLs，请参阅[添加和管理控制面板变量](v9-dash-variables.md)。

## 时间范围面板变量
<a name="v9-panels-time-range-panel-variables"></a>

 您可以使用这些变量在数据链接 URL 中包含当前时间范围。
+  **\$1\$1url\$1time\$1range**：当前控制面板的时间范围（即 **?from=now-6h&to=now**） 
+  **\$1\$1\$1from 和 \$1\$1\$1to**：有关更多信息，请参阅 [全局变量](v9-dash-variable-add.md#v9-dash-variable-add-global)。

## 序列变量
<a name="v9-panels-series-variables"></a>

 特定于序列的变量在 **\$1\$1series** 命名空间下可用：
+  **\$1\$1series.name**：URL 的序列名称 

## 字段变量
<a name="v9-panels-field-variables"></a>

 特定于字段的变量在 **\$1\$1field** 命名空间下可用：
+  **\$1\$1field.name**：字段的名称 
+  **\$1\$1field.labels.<LABEL>**：URL 的标签值。如果标签包含点，则使用 **\$1\$1field.labels["<LABEL>"]** 语法。

## 值变量
<a name="v9-panels-value-variables"></a>

 特定于值的变量在 **\$1\$1value** 命名空间下可用：
+  **\$1\$1value.time**：URL 值的时间戳（Unix 毫秒纪元）（即 **?time=1560268814105**） 
+  **\$1\$1value.raw**：原始值 
+  **\$1\$1value.numeric**：值的数字表示 
+  **\$1\$1value.text**：值的文本表示 
+  **\$1\$1value.calc**：如果值是计算结果，则为计算名称 

## 模板变量
<a name="v9-panels-template-variables"></a>

 在链接到其他使用模板变量的控制面板时，请为单击链接的用户选择变量值。

 **\$1\$1var-myvar:queryparam\$1**：其中 **var-myvar** 是模板变量的名称，该变量与当前控制面板中要使用的变量匹配。


|  变量状态  |  创建 URL 的结果  | 
| --- | --- | 
|  选择一个值  |  var-myvar=value1  | 
|  选择多个值  |  var-myvar=value1&var-myvar=value2  | 
|  选择全部  |  var-myvar=all  | 

 如果要将当前控制面板的所有变量添加到 URL，请使用 **\$1\$1\$1\$1all\$1variables\$1**。

## 数据链接
<a name="v9-panels-data-links"></a>

 通过数据链接，可为链接提供更精细的上下文。您可以创建包含序列名称甚至光标下值的链接。例如，如果您的可视化显示四台服务器，则可以向其中一两台服务器添加数据链接。

 根据可视化效果，可通过不同的方式访问链接本身。对于图形，您需要单击数据点或线；对于像统计、控制面板或条形仪表等板，您可以单击可视化上的任意位置以打开上下文菜单。

 您可以在数据链接中使用变量，将用户引导至具有保留数据筛选条件的详细控制面板。例如，您可以使用变量来指定时间范围、序列和变量选择。有关更多信息，请参阅 [数据链接变量](#v9-panels-data-link-variables)。

### 提前输入建议
<a name="v9-panels-typeahead-suggestions"></a>

 创建或更新数据链接时，按键盘上的 Cmd\$1Space 或 Ctrl\$1Space 打开预输入建议，以便更轻松地向 URL 添加变量。

### 添加数据链接
<a name="v9-panels-add-a-datalink"></a>

1.  将光标悬停在要添加链接的面板上，然后按 **e** 键。或者单击面板标题旁边的下拉箭头，然后单击**编辑**。

1.  在字段选项卡上，向下滚动到数据链接部分。

1.  展开数据链接，然后单击**添加链接**。

1.  输入**标题**。**标题**是链接的可读标签，显示在 UI 中。

1.  输入要链接的 **URL**。

    您甚至可以添加在控制面板中定义的一个模板变量。选择 **URL** 字段，然后键入 **\$1**，或者按 Ctrl\$1Space 或 Cmd\$1Space 查看可用变量列表。通过向面板链接添加模板变量，该链接会将用户引导到正确的上下文，且相关变量已设置。有关更多信息，请参阅 [数据链接变量](#v9-panels-data-link-variables)。

1.  如果要在新选项卡中打开链接，请选择**在新选项卡中打开**。

1.  单击**保存**以保存更改并关闭窗口。

1.  单击右上角的**保存**将更改保存到控制面板。

### 更新数据链接
<a name="v9-panels-update-a-datalink"></a>

1.  在字段选项卡上，找到要更改的链接。

1.  单击编辑（铅笔）图标打开编辑链接窗口。

1.  进行任何必需的更改。

1.  单击**保存**以保存更改并关闭窗口。

1.  单击右上角的**保存**将更改保存到控制面板。

### 删除数据链接
<a name="v9-panels-delete-a-datalink"></a>

1.  在字段选项卡上，找到要删除的链接。

1.  单击要删除的链接旁边的 **X** 图标。

1.  单击右上角的**保存**将更改保存到控制面板。

# 配置字段覆盖
<a name="v9-panels-configure-overrides"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

 您可以通过覆盖自定义特定字段或序列的可视化设置。这是通过添加覆盖规则来实现的，该规则针对一组特定的字段，每个字段可以定义多个选项。

 例如，您可以为所有包含文本 "bytes" 的字段设置单位，方法是使用**名称与正则表达式匹配的字段**匹配程序添加覆盖，然后将单位选项添加到覆盖规则。

## 示例 1：格式化温度
<a name="v9-panels-overrides-format-temperature"></a>

 假设结果集是一个由两个字段组成的数据帧：时间和温度。


|  时间  |  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  | 

 此结构的每个字段（列）都可以应用字段选项，从而改变其值的显示方式。例如，您可以将“单位”设置为“温度”>“摄氏度”，结果如下表所示：


|  时间  |  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  | 

 此外，不需要小数位，我们可以将其删除。您可以将小数从 **auto** 更改为零（**0**），从而得到以下表：


|  时间  |  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  | 

## 示例 2：格式化温度和湿度
<a name="v9-panels-overrides-format-humidity"></a>

 假设我们的结果集是一个由四个字段组成的数据帧：时间、高温、低温和湿度。


|  时间  |  高温  |  低温  |  湿度  | 
| --- | --- | --- | --- | 
|  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  | 

 我们添加摄氏度单位并去掉小数位。这将生成下表：


|  时间  |  高温  |  低温  |  湿度  | 
| --- | --- | --- | --- | 
|  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  | 

 温度字段看起来不错，但现在必须更改湿度。我们可以通过对湿度字段应用字段选项覆盖并将单位更改为“杂项”>“百分比（0-100）”来解决此问题。


|  时间  |  高温  |  低温  |  湿度  | 
| --- | --- | --- | --- | 
|  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%  | 

## 添加字段覆盖
<a name="v9-panels-overrides-add-a-field"></a>

 字段覆盖规则可以自定义特定字段或序列的可视化设置。

1.  编辑要添加覆盖的面板。

1.  在面板选项侧窗格中，单击窗格底部的**添加字段覆盖**。

1.  选择要应用覆盖规则的字段：
   +  **带名称的字段**：从所有可用字段列表中选择一个字段。使用此选择器添加到规则中的属性仅应用于此单个字段。
   +  **名称与正则表达式匹配的字段**：使用该选项来指定要用正则表达式覆盖的字段。使用此选择器向规则添加的属性将应用于字段名称与正则表达式匹配的所有字段。
   +  **带类型的字段**：使用该选项可以按类型选择字段，例如字符串、数值等。使用此选择器添加到规则中的属性将应用于与所选类型匹配的所有字段。
   +  **查询返回的字段**：选择特定查询返回的所有字段，例如 A、B 或 C。使用此选择器添加到规则中的属性将应用于所选查询返回的所有字段。

1.  单击**添加覆盖属性**。

1.  选择要应用的字段选项。

1.  通过在字段中添加值来输入选项。要将选项恢复为默认值，请删除字段中的白色文本。

1.  单击**添加覆盖属性**继续向该字段添加覆盖，或者您可以单击**添加覆盖**，然后选择其他要添加覆盖的字段。

1.  完成后，单击**保存**将所有面板编辑保存到控制面板。

## 删除字段覆盖
<a name="v9-panels-overrides-delete-a-field"></a>

 当您不再需要字段覆盖时，将其删除。删除覆盖时，值的外观默认为其原始格式。此更改会影响依赖受影响面板的控制面板和控制面板用户。

1.  编辑包含要删除的覆盖的面板。

1.  在面板选项侧窗格中，向下滚动直到看到覆盖。

1.  单击要删除的覆盖，然后单击关联的垃圾桶图标。

## 查看字段覆盖
<a name="v9-panels-overrides-view"></a>

 您可以在面板显示选项中查看字段覆盖。

1.  编辑包含要查看的覆盖的面板。

1.  在面板选项侧窗格中，向下滚动直到看到覆盖。

 **全部**选项卡上显示的覆盖设置与**覆盖**选项卡上显示的设置相同。

## 编辑字段覆盖
<a name="v9-panels-overrides-edit-a-field"></a>

 要更改覆盖设置时，编辑字段覆盖。更改会立即生效。

1.  编辑包含要编辑的覆盖的面板。

1.  在面板选项侧窗格中，向下滚动直到看到覆盖。

1.  找到要更改的覆盖。

1.  执行以下任一操作：
   +  编辑现有覆盖或字段选择参数的设置。
   +  单击属性旁边的 **X** 来删除现有的覆盖属性。
   +  单击**添加覆盖属性**来添加覆盖属性。

# 配置值映射
<a name="v9-panels-configure-value-mappings"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

 除了字段覆盖外，值映射是一种方法，可用来更改可视化中显示的数据的视觉处理。

 通过值映射映射的值会绕过单位格式。这意味着映射到数值的文本值不会使用配置的单位格式化。

 如果面板中存在值映射，Grafana 会在面板编辑器的侧窗格中显示摘要。

**注意**  
 新的值映射与某些可视化效果不兼容，例如图形（旧）、文本和热图。

## 值映射的类型
<a name="v9-panels-value-mappings-types"></a>

 Grafana 支持以下值映射：
+  **值**：将文本值映射到颜色或其他显示文本。例如，您可以配置一个值映射，使值 **10** 的所有实例都显示为 **Perfection\$1** 而不是数字。
+  **范围**：将数值范围映射到显示文本和颜色。例如，如果某个值在某个范围内，则可以将范围值映射配置为显示**低**或**高**而不是数字。
+  **正则表达式**：将正则表达式映射到替换文本和颜色。例如，如果值为 **www.example.com**，则可以配置正则表达式值映射，以便 Grafana 显示 **www** 并截断域。
+  **特殊**将特殊值（如 **Null**、**NaN**（非数字）和布尔值（如 **true** 和 **false**）映射到显示文本和颜色。例如，您可以配置特殊值映射，使 **null** 值显示为 **N/A**。

 您还可以使用左侧的点在列表中拖动值映射并重新排序。

## 映射值
<a name="v9-panels-value-mappings-map-a-value"></a>

 当您想要格式化单个值时，请映射一个值。

1.  打开要为其映射值的面板。

1.  在面板显示选项中，找到**值映射**部分，然后单击**添加值映射**。

1.  单击**添加新映射**，然后选择**值**。

1.  输入 Grafana 要匹配的值。

1.  （可选）输入显示文本。

1.  （可选）设置颜色。

1.  单击**更新**保存值映射。

## 映射范围
<a name="v9-panels-value-mappings-map-a-range"></a>

 当您想要格式化多个连续值时，请映射值范围。

1.  编辑要为其映射值范围的面板。

1.  在面板显示选项中的**值映射**部分，单击**添加值映射**。

1.  单击**添加新映射**，然后选择**范围**。

1.  在 Grafana 要匹配的范围内输入开始值和结束值。

1.  （可选）输入显示文本。

1.  （可选）设置颜色。

1.  单击**更新**保存值映射。

## 映射正则表达式
<a name="v9-panels-value-mappings-map-a-regex"></a>

 当您想要格式化正则表达式值的文本和颜色时，请映射正则表达式。

1.  编辑要为其映射正则表达式的面板。

1.  在面板显示选项中的**值映射**部分，单击**添加值映射**。

1.  单击**添加新映射**，然后选择**正则表达式**。

1.  输入 Grafana 要匹配的正则表达式模式。

1.  （可选）输入显示文本。

1.  （可选）设置颜色。

1.  单击**更新**保存值映射。

## 映射特殊值
<a name="v9-panels-value-mappings-map-a-special-value"></a>

 当您要格式化不常用值、布尔值或空值时，请映射特殊值。

1.  编辑要为其映射特殊的面板。

1.  在面板显示选项中，找到**值映射**部分，然后单击**添加值映射**。

1.  单击**添加新映射**，然后选择**特殊**。

1.  选择 Grafana 要匹配的特殊值。

1.  （可选）输入显示文本。

1.  （可选）设置颜色。

1.  单击**更新**保存值映射。

## 编辑值映射
<a name="v9-panels-value-mappings-edit-a-value"></a>

 您可以随时更改值映射。

1.  编辑包含要编辑的值映射的面板。

1.  在面板显示选项中的**值映射**部分，单击**编辑值映射**。

1.  更改并单击**更新**。

# 配置图例
<a name="v9-panels-configure-legend"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

面板包含一个图例，您可以使用该图例来解释可视化中显示的数据。每个图例选项都为可视化中显示的数据添加了上下文和清晰度。

## 在可视化中隔离序列数据
<a name="v9-panels-legend-isolate"></a>

可视化通常在视觉上比较复杂，而且包含许多数据序列。您可以从可视化中删除序列数据来简化视图，从而隔离要查看的数据。Grafana 会在**覆盖**选项卡中自动创建新的覆盖。

应用更改后，面板的所有用户都会看到可视化更改。

**在可视化中隔离序列数据**

1. 打开面板。

1. 在图例中，选择要隔离的序列的标签。

   系统将从视图中删除所有其他序列数据。

1. 要以增量方式将序列数据添加到孤立的序列中，请按 **Ctrl** 或 **Command** 键，然后选择要添加的序列的标签。

1. 要恢复到包含所有数据的默认视图，请单击任意序列标签两次。

1. 要保存更改，使其显示给面板的所有查看者，请选择**应用**。

本主题目前适用于以下可视化：
+ [条形图](v9-panels-bar-chart.md)
+ [直方图](v9-panels-histogram.md)
+ [饼图](v9-panels-piechart.md)
+ [状态时间轴](v9-panels-state-timeline.md)
+ [状态历史记录](v9-panels-status-history.md)
+ [时间序列](v9-panels-time-series.md)

## 为图例添加值
<a name="v9-panels-legend-add-values"></a>

要为可视化添加更多上下文，可以向图例中添加序列数据值。您可以添加任意数量的值；应用更改后，可以水平滚动图例以查看所有值。

**为图例添加值**

1. 编辑面板。

1. 在面板显示选项窗格中，找到**图例**部分。

1. 在**图例值**字段中，选择要在图例中显示的值。

1. 选择**应用**以保存更改，然后导航回控制面板。

## 更改序列颜色
<a name="v9-panels-legend-change-color"></a>

默认情况下，Grafana 会指定序列数据的颜色，您可以对其进行更改。

**更改序列颜色**

1. 编辑面板。

1. 在图例中，选择与序列关联的颜色条。

1. 从调色板中选择预设颜色或自定义颜色。

1. 选择**应用**以保存更改，然后导航回控制面板。

## 对序列排序
<a name="v9-panels-legend-sort"></a>

您可以将图例模式更改为**表**，并选择 [计算类型](v9-panels-calculation-types.md) 以在图例中显示。在图例表中选择计算名称标题，按升序或降序对表中的值排序。

排序顺序会影响条形图面板中的条形位置，以及时间序列和条形图面板中堆叠序列的顺序。

**注意**  
只有以下面板支持此功能：条形图、直方图、时间序列、XY 图表。

# 计算类型
<a name="v9-panels-calculation-types"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

 下表包含可在 Grafana 中执行的计算列表。您可以在**转换**选项卡以及条形仪表、仪表和统计数据可视化中找到这些计算结果。


|  计算  |  说明  | 
| --- | --- | 
|  全部为 null  |  当所有值都为 null 时为 True  | 
|  全部为 0  |  当所有值都为 0 时为 True  | 
|  更改计数  |  字段值更改的次数  | 
|  计数  |  字段中值的数量  | 
|  Delta  |  值的累积变化，仅计算增量  | 
|  区别  |  字段第一个值和最后一个值的差  | 
|  百分比差  |  字段第一个值和最后一个值的百分比差  | 
|  去重计数  |  字段中唯一值的数量  | 
|  第一个（非 null）  |  第一个，字段中的非 null 值  | 
|  最大值  |  字段的最大值  | 
|  平均值  |  字段中所有值的平均值  | 
|  方差  |  字段中所有值的方差  | 
|  StdDev  |  字段中所有值的标准差  | 
|  最小值  |  字段的最小值  | 
|  最小值（大于 0）  |  字段的最小正值  | 
|  Range  |  字段的最大值和最小值的差  | 
|  步骤  |  字段值之间的最小间隔  | 
|  Total  |  字段中所有值的总和  | 

# 对可视化进行注释
<a name="v9-panels-annotate-visualizations"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

注释提供了一种用丰富的事件在图形上标记点的方法。将鼠标悬停在注释上时，可以获取事件描述和事件标签。文本字段可以包含指向其他系统的链接，并提供更多详细信息。

**原生注释**

Grafana 自带原生注释存储库，可直接从图形面板或通过 HTTP API 添加注释事件。

**添加注释**

1. 在控制面板中，单击**时间序列**面板。将出现一个上下文菜单。

1. 在上下文菜单中，单击**添加注释**。

1. 添加注释描述和标签（可选）。

1. 单击**保存**。

或者，要添加注释，请在**时间序列**面板上 `Ctrl+Click` 或 `Cmd+Click`，将会显示**添加注释**弹出窗口。

**添加区域注释**

1. 在控制面板中，在**时间序列**面板上 `Ctrl+Click` 或 `Cmd+Click`。

1. 在上下文菜单中，单击**添加注释**。

1. 添加注释描述和标签（可选）。

1. 单击**保存**。

**编辑注释**

1. 在控制面板中，将鼠标悬停在**时间序列**面板中的注释指示器上。

1. 单击注释工具提示中的编辑（铅笔）图标。

1. 修改描述和标签（可选）。

1. 单击**保存**。

**删除注释**

1. 在控制面板中，将鼠标悬停在**时间序列**面板中的注释指示器上。

1. 单击注释工具提示中的垃圾桶图标。

**内置查询**

添加注释后，将仍然可见。这是因为所有控制面板上都存在内置的注释查询。此注释查询将获取源于当前控制面板的所有注释事件，并将其显示在创建事件的面板上。这包括警报状态历史记录注释。您可以打开“注释”设置（通过控制面板齿轮菜单），并修改名为 `Annotations & Alerts (Built-in)` 的查询，来阻止获取和绘制**注释**。

当您使用**另存为**功能复制控制面板时，将获得一个新的控制面板 ID，因此在来源控制面板上创建的注释将不再显示在副本上。如果您添加新的**注释查询**并按标签筛选，则仍然可以显示。仅当来源控制面板上的注释具有可筛选的标签时，这才有效。

**按标签查询**

您可以将**筛选依据**设置为 `Tags` 来创建新的查询，以通过 `-- Grafana --` 数据来源从原生注释存储库获取注释。

Grafana v8.1 及更高版本还支持提前输入现有标签，至少提供一个标签。

例如，创建注释查询名称 `outages` 并指定标签 `outage`。此查询将显示带有中断标签的所有注释（来自任何控制面板或通过 API）。如果在注释查询中定义了多个标签，Grafana 将仅显示与所有标签匹配的注释。要修改行为，请启用 `Match any`，Grafana 将显示包含您提供的任何一个标签的注释。

在 Grafana v5.3\$1 中，可在标签查询中使用模板变量。因此，如果您有一个显示不同服务的统计信息的控制面板和一个指示显示哪些服务的模板变量，您现在可以在注释查询中使用相同的模板变量，仅显示这些服务的注释。

**查询其他数据来源**

注释事件是通过注解查询获取的。要向控制面板添加新的注释查询，请打开控制面板设置菜单，然后选择**注释**。这将打开控制面板注释设置视图。要创建新的注释查询，请单击**新建**按钮。

指定注释查询的名称。此名称被赋予切换功能（复选框），允许您启用或禁用此查询中显示的注释事件。例如，您可能有两个名为 `Deploys` 和 `Outages` 的注释查询。通过切换，您可以决定显示哪些注释。

**注释查询详细信息**

每个数据来源的注释查询选项都不同。有关特定数据来源中注释的信息，请参阅特定[数据来源](AMG-data-sources.md)主题。

# 面板检查视图
<a name="v9-panels-panel-inspector"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

 面板检查视图可通过面板菜单打开，有助于您了解面板并排查问题。您可以检查任何 Grafana 面板的原始数据，将该数据导出到逗号分隔值（CSV）文件，查看查询请求，以及导出面板和数据 JSON。

**注意**  
 并非所有面板类型都包含所有选项卡。例如，控制面板列表面板没有要检查的原始数据，因此不显示“统计”、“数据”或“查询”选项卡。

 面板检查器包含以下选项：

1.  面板检查器在面板顶部显示 **Inspect: [NameOfPanelBeingInspected]**。单击右上角的箭头可展开或缩小窗格。

1.  **数据选项卡**：显示应用转换后查询返回的原始数据。默认情况下，不会应用覆盖和值映射之类的字段选项。

1.  **统计选项卡**：显示查询花费的时间和返回的数量。

1.  **JSON 选项卡**：允许您查看和复制面板 JSON、面板数据 JSON 和数据帧结构 JSON。如果您在预置或管理 Grafana，这非常有用。

1.  **查询选项卡**：显示 Grafana 查询数据来源时向服务器发送的请求。

1.  **错误选项卡**：显示错误。仅在查询返回错误时可见。

## 下载原始查询结果
<a name="v9-panels-raw-query-results"></a>

 Grafana 会生成一个 CSV 文件，其中包含您的数据，包括对该数据的任何转换。您可以选择在面板应用字段选项或字段选项覆盖之前或之后查看数据。

1.  编辑包含要下载的查询数据的面板。

1.  在查询编辑器中，单击**查询检查器**。

1.  单击**数据**。

    如果您的面板包含多个查询或查询多个节点，您还有其他选项。
   +  **选择结果**：选择要查看的结果集数据。
   +  **转换数据** 
   +  **按时间连接**：一次查看所有查询的原始数据，每列一个结果集。单击列标题以对数据重新排序。

1.  要在系统应用字段覆盖之前查看数据，请单击**格式化数据**切换按钮。

1.  要下载专门针对 Excel 格式化的 CSV 文件，请单击**下载 Excel** 切换按钮。

1.  单击**下载 CSV**。

## 检查查询性能
<a name="v9-panels-query-performance"></a>

 **统计**选项卡显示统计数据，告诉您查询需要多长时间、发送的查询数量以及返回的行数。此信息有助于您对查询进行问题排查，尤其是在任何数字意外偏高或偏低时。

1.  编辑包含要检查性能的查询的面板。

1.  在查询编辑器中，单击**查询检查器**。

1.  单击**统计**。

 统计数据以只读格式显示。

## 检查查询请求和响应
<a name="v9-panels-query-request-response"></a>

 如果要对返回意外结果或未能返回预期结果的查询进行问题排查，请检查查询请求和响应数据。

1.  编辑包含要导出的查询的面板。

1.  在查询编辑器中，单击**查询检查器**。

1.  单击**刷新**。

    面板将填充响应数据。

1.  根据需要进行调整，然后重新运行查询。

1.  要下载查询请求和响应数据，请单击**复制到剪贴板**图标，然后将结果粘贴到其他应用程序中。

# Grafana 9 提供的可视化
<a name="v9-panels-viz"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

Grafana 提供了多种可视化来支持不同的用例。本文档的这一部分重点介绍了内置面板、其选项和典型用法。

[时间序列面板](v9-panels-time-series.md) 面板是一种常见的入门面板，用于学习使用面板的基础知识。

**Topics**
+ [警报列表面板](v9-panels-alert-list.md)
+ [注释面板](v9-panels-annotations.md)
+ [条形图面板](v9-panels-bar-chart.md)
+ [条形仪表](v9-panels-bar-gauge.md)
+ [K 线图面板](v9-panels-candlestick.md)
+ [画布面板](v9-panels-canvas.md)
+ [时钟面板](v9-panels-clock.md)
+ [控制面板列表](v9-panels-dashboard-list.md)
+ [仪表面板](v9-panels-gauge.md)
+ [Geomap 面板](v9-panels-geomap.md)
+ [图形面板](v9-panels-graph.md)
+ [热图面板](v9-panels-heatmap.md)
+ [直方图面板](v9-panels-histogram.md)
+ [日志面板](v9-panels-logs.md)
+ [新闻面板](v9-panels-news.md)
+ [节点图面板](v9-panels-node-graph.md)
+ [饼图面板](v9-panels-piechart.md)
+ [Plotly 面板](v9-panels-plotly.md)
+ [Sankey 面板](v9-panels-sankey.md)
+ [散点面板](v9-panels-scatter.md)
+ [统计面板](v9-panels-stat.md)
+ [状态时间轴面板](v9-panels-state-timeline.md)
+ [状态历史面板](v9-panels-status-history.md)
+ [表面板](v9-panels-table.md)
+ [文本面板](v9-panels-text.md)
+ [时间序列面板](v9-panels-time-series.md)
+ [跟踪面板（测试版）](v9-panels-traces.md)
+ [WindRose](v9-panels-windrose.md)

# 警报列表面板
<a name="v9-panels-alert-list"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

警报列表面板显示控制面板警报。您可以将列表配置为显示当前状态或最近的状态更改。有关警报的更多信息，请参阅 [Grafana 9 版本中的警报](v9-alerts.md)。

使用这些设置来改进可视化结果。

## 选项
<a name="v9-panels-alert-list-options"></a>
+  **组模式**：选择**默认分组**以显示按警报规则分组的警报实例，或者选择**自定义分组**以按一组自定义标签对警报实例进行分组。
+  **最大项目数**：设置要列出的最大警报数。
+  **排序顺序**：选择显示警报的排序方式。
  +  **按字母顺序（升序）**：按字母顺序排列
  +  **按字母顺序（降序）**：按字母顺序倒序排列
  +  **重要性**：根据以下值，按重要性划分，其中 1 为最高：
    + `alerting` 或 `firing`：1
    + `no_data`：2
    + `pending`：3
    + `ok`：4
    + `paused` 或 `inactive`：5
+  **来自此控制面板的警报**：仅显示警报列表所在控制面板的警报。

## 筛选条件
<a name="v9-panels-alert-filter"></a>

使用以下选项筛选警报，使其与您选择的查询、文件夹或标签相匹配：
+  **警报名称**：输入警报名称查询。
+  **警报实例标签**：使用标签查询筛选警报实例。例如 `{severity="critical", instance=~"cluster-us-.+"}`。
+  **文件夹**：选择一个文件夹。仅会显示所选文件夹中控制面板的警报。
+  **数据来源**：筛选来自所选数据来源的警报。

## 状态筛选条件
<a name="v9-panels-alert-state-filter"></a>

选择要在此面板中显示的警报状态。
+ 警报/触发
+ 待定
+ 无数据
+ Normal
+ 错误

# 注释面板
<a name="v9-panels-annotations"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

注释面板显示了可用于查看注释数据的可用注释列表。有多种选项可用于根据标签和当前控制面板筛选列表。

## 注释查询
<a name="v9-panels-annotations-query"></a>

以下选项可控制注释列表的来源查询。

**查询筛选条件**

使用查询筛选条件从组织中的所有控制面板或此面板所在的当前控制面板创建注释列表。具有以下选项：
+ 所有控制面板：列出当前组织中所有控制面板的注释。
+ 此控制面板：将列表限制为当前控制面板上的注释。

**时间范围**

使用时间范围选项来指定是否应将列表限制在当前时间范围内。具有以下选项：
+ 无：注释查询没有时间范围限制。
+ 此控制面板：将列表限制为注释列表面板可用的控制面板的时间范围内。

**标签**

使用标签选项按标签筛选注释。您可以添加多个标签以优化列表。

**注意**  
或者，将标签列表留空，然后选择作为面板本身结果一部分列出的标签来动态筛选。

*限制*

使用“限制”选项来限制返回的结果数量。

## 显示
<a name="v9-panels-annotations-display"></a>

这些选项可控制注释面板显示中包含的其他元数据。

**显示用户**

使用此选项显示或隐藏创建注释的用户。

**显示时间**

使用此选项显示或隐藏创建注释的时间。

**显示标签**

使用此选项显示或隐藏注释相关的标签。*注意*：您可以使用标签对面板本身的注释列表进行实时筛选。

## 链接行为
<a name="v9-panels-annotations-links"></a>

**链接目标**

使用此选项选择如何查看带注释的数据。具有以下选项：
+ 面板：此选项可让您直接进入面板的全屏视图，其中包含相应的注释
+ 控制面板：此选项将注释聚焦于完整控制面板的上下文中

**之前的时间**

使用此选项设置注释之前的时间范围。使用持续时间字符串值，例如“1h”= 1 小时，“10m”= 10 分钟等。

**之后的时间**

使用此选项设置注释之后的时间范围。

# 条形图面板
<a name="v9-panels-bar-chart"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

通过此面板可视化，您可以绘制分类数据图形。

## 支持的数据格式
<a name="v9-panels-bar-chart-formats"></a>

仅支持一个数据框，且该数据框至少需要一个字符串字段（用作 X 轴或 Y 轴的类别）和一个或多个数值字段。以下是数据格式的示例：


|  浏览器  |  市场占有率  | 
| --- | --- | 
|  Chrome  |  50  | 
|  Internet Explorer  |  17.5  | 

如果您有多个数值字段，面板会显示分组条形图。

### 可视化时间序列或多个结果集
<a name="v9-panels-bar-chart-visualization"></a>

如果您有多个时间序列或表，则首先需要使用 join 或 reduce 转换将其连接。例如，如果您有多个时间序列，并想要比较其最新值和最大值，请添加 **Reduce** 转换，并在**计算**下指定**最大值**和**最新值**选项。

## 条形图选项
<a name="v9-panels-bar-chart-options"></a>

使用以下选项来优化可视化效果：

**方向**
+  **自动**：Grafana 根据面板尺寸决定条形图的方向。
+  **水平**：将 X 轴设为类别轴。
+  **垂直**：将 Y 轴设为类别轴。

**X 轴刻度标签最大长度**用于设置条形图标签的最大长度。超过最大长度的标签会被截断（用省略号）。

**条形图标签最小间距**用于设置条形图标签之间的最小间距。

**显示值**

控制值是显示在条形图的顶部还是左侧。
+  **自动**：如果有空间，则显示值。
+  **始终**：始终显示值。
+  **从不**：从不显示值。

**堆叠**

控制条形图堆叠。
+  **关闭**：条形图不会堆叠。
+  **正常**：条形图彼此堆叠。
+  **百分比**：条形图彼此堆叠，每个条形图的高度为堆叠总高度的百分比（所有条形图堆叠的高度相同，合计为 100%）。

**组宽度**控制组的宽度。0=最小宽度，1=最大宽度。

**条形图宽度**控制条形图的宽度。0=最小宽度，1=最大宽度。

**条形图半径**控制条形图的半径，0=最小半径，0.5=最大半径。

**悬停时高亮显示整个区域**控制当鼠标指针悬停在条形图上方时，条形图周围区域是否高亮显示。

**线宽**控制条形图的线宽。

**填充不透明度**控制条形图的填充不透明度。

**渐变模式**设置渐变填充的模式。填充渐变基于线条颜色。要更改颜色，请使用标准颜色方案字段选项。渐变外观受**填充不透明度**设置的影响。
+  **无**：无渐变填充，这是默认设置。
+  **不透明度**：渐变的透明度是根据 y 轴上的值计算的。填充的不透明度随 Y 轴上的值增加而增加。
+  **色调**：渐变色是根据线条颜色的色调生成的。

**工具提示模式**：当您将光标悬停在可视化上时，Grafana 可显示工具提示。选择工具提示的行为方式。
+  **单个**：悬停工具提示仅显示一个序列，即您将鼠标悬停在可视化上面的序列。
+  **全部**：悬停工具提示显示可视化中的所有序列。Grafana 在工具提示的序列列表中以粗体突出显示您悬停在上面的序列。
+  **隐藏**：与可视化交互时不显示工具提示。

**注意**  
可使用覆盖从工具提示隐藏单个序列。

**图例模式**：使用这些设置可以优化图例在可视化中的显示方式。有关更多信息，请参阅 [配置图例](v9-panels-configure-legend.md)。
+  **列表**：以列表形式显示图例。这是图例的默认显示模式。
+  **表**：以表的形式显示图例。
+  **隐藏**：隐藏图例。

**图例放置**：选择图例的放置位置。
+  **底部**：显示在图形下方。
+  **右**：显示在图形右侧。

**图例计算**：选择要在图例中显示的标准计算。可以输入多个值。

**文本大小**：输入一个值以更改条形图上文本的大小。

**轴**：使用以下字段设置来优化轴的显示方式。除非您在正在编辑的字段选项框外部单击或按 Enter 键，否则某些字段选项不会影响可视化。
+  **放置**：设置 y 轴的放置。
+  **自动**：Grafana 会自动为序列分配 Y 轴。当有两个或多个具有不同单位的序列时，Grafana 将左轴分配给第一个单位，将右轴分配给下一个单位。
+  **左**：在左侧显示所有 Y 轴。
+  **右**：在右侧显示所有 Y 轴。
+  **隐藏**：隐藏所有 Y 轴。
+  **标签**：设置 Y 轴文本标签。如果有多个 Y 轴，可使用覆盖分配不同的标签。
+  **宽度**：设置轴的固定宽度。默认情况下，Grafana 会动态计算轴的宽度。

  通过设置轴的宽度，具有不同轴类型的数据可以共享相同的显示比例。这样就可以更容易比较多个图形的数据，因为轴在视觉上不会相互移动或拉伸。
+  **软最小值和软最大值**：设置软最小值或软最大值选项，以更好地控制 Y 轴限制。默认情况下，Grafana 会根据数据集自动设置 Y 轴的范围。

  软最小值或软最大值设置可以防止在数据大部分平缓的情况下，出现山峰状的突起，而从标准最小值和最大值字段选项派生的硬最小值或硬最大值，则可以通过剪裁超过定义点的尖峰，来防止间歇性尖峰压平有用的细节。

  您可以设置标准 min/max 选项来定义 Y 轴的硬限制。

# 条形仪表
<a name="v9-panels-bar-gauge"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

条形仪表可将每个字段归约为单个值，从而简化数据。您可以选择 Grafana 计算归约的方式。

此面板可以显示一个或多个条形仪表，具体取决于查询返回的序列、行或列的数量。

## 值选项
<a name="v9-panels-bar-gauge-value"></a>

使用以下选项来优化可视化显示值的方式：

**显示**：选择 Grafana 显示数据的方式。

**计算**：显示基于所有行的计算值。
+ **计算**：选择一个 reducer 函数，Grafana 将使用该函数将多个字段归约为单个值。有关可用计算的列表，请参阅计算类型。
+ **字段**：选择面板中显示的字段。

**所有值**：为每行显示一个单独的统计数据。如果选择此选项，则还可以限制要显示的行数。
+ **限制**：要显示的最大行数。默认为 5000。
+ **字段**：选择面板中显示的字段。

## 条形仪表选项
<a name="v9-panels-bar-gauge-options"></a>

调整条形仪表的显示方式。

**方向**：选择堆叠方向。
+ **自动**：Grafana 会选择其认为最佳的方向。
+ **水平**：从左到右水平拉伸条形图。
+ **垂直**：从上到下垂直拉伸条形图。

**显示模式**：选择显示模式。
+ **渐变**：阈值级别定义梯度。
+ **复古 LCD**：将仪表分成点亮或不点亮的小单元格。
+ **基本**：基于匹配阈值的单色。

**显示未填充区域**：如果要将条形图的未填充区域渲染为深灰色，请选择此选项。不适用于复古 LCD 显示模式。

**最小宽度**

限制条形柱在垂直方向上的最小宽度。

当数据量较大时，自动显示 x 轴滚动条。

**最小高度**

限制条形行在水平方向上的最小高度。

当数据量较大时，自动显示 y 轴滚动条。

# K 线图面板
<a name="v9-panels-candlestick"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

通过 K 线图面板，您可以可视化包含多个一致维度的数据（侧重于价格走势）。Kandlestick 面板包括 Open-High-Low-Close (OHLC) 模式，并支持基于时间序列数据的其他维度。

K 线图面板建立在 [时间序列面板](v9-panels-time-series.md) 的基础之上，包含许多常用的配置设置。

**Mode (模式)**

您可以使用模式选项切换用于可视化的维度。
+ **蜡烛**将面板维度限制为 K 线图可视化使用的开盘、高点、低点和收盘维度。
+ **成交量**将面板维度限制为成交量维度。
+ **二者**是 K 线图面板的默认行为。包括 K 线图和成交量可视化。

**蜡烛样式**
+ **K 线图**是默认的显示样式，可在开盘和收盘维度之间创建蜡烛样式的可视化效果。
+ **OHLC 条形图**显示四个核心维度的开盘值、高点值、低点值和收盘值。

**颜色策略**
+ **开盘以来**是默认行为。如果期间内价格变动为正值，该模式将使用*上涨*颜色。换句话说，如果收盘时的值大于或等于开盘时的值，则使用*上涨*颜色。
+ **上次收盘以来**是另一种显示方法，蜡烛的颜色取决于期间内的价格走势或价值变化。换句话说，如果开盘值大于收盘值，则使用*上涨*颜色。如果开盘值小于收盘值，则使用*下跌*颜色。*该选项还会触发空心 K 线图可视化模式*。空心表示周期内的变动为正值（收盘时的值高于开盘时的值），实心表示周期内的变动为负值（收盘时的值低于开盘时的值）。要了解更多信息，请参阅[差异说明](https://thetradingbible.com/how-to-read-hollow-candlesticks)。

**上涨和下跌颜色**

**上涨颜色**和**下跌颜色**选项用于选择价格上涨或下跌时使用的颜色。上述*颜色策略*将决定是使用周期内还是周期间的价格变动来选择 K 线图或 OHLC 条形图的颜色。

**开盘、高点、低点、收盘**

K 线图面板会尝试将字段映射到相应的维度。如果面板无法将数据映射到这些维度，则可以使用**开盘**、**高点**、**低点**和**关闭**选项。

**注意**  
这些值在图例中是隐藏的。
+ **开盘**对应给定周期的起始值。
+ **高点**对应给定周期的最高值。
+ **低点**对应给定周期的最低值。
+ **收盘**对应给定周期的最终（结束）值。
+ **成交量**对应给定周期内的样本数（例如交易次数）

**其他字段**

K 线面板基于时间序列面板。除了开盘、高点、低点、收盘和成交量之外，还能可视化其他数据维度。**Include** 和 **Ignore** 选项允许面板使用 [时间序列面板](v9-panels-time-series.md) 中可用的相同样式和配置来可视化其他包含的数据，如简单移动平均线、布林线等。

# 画布面板
<a name="v9-panels-canvas"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

画布是一种新面板，将 Grafana 的强大功能与自定义元素的灵活性相结合。画布可视化是可扩展的表单构建面板，允许在静态和动态布局中显式放置元素。这使您能够以标准 Grafana 面板无法实现的方式设计自定义可视化和叠加数据，所有这些都在 Grafana 的 UI 中完成。如果您使用过流行的 UI 和 Web 设计工具，那么设计画布面板会感觉非常熟悉。

## 元素
<a name="v9-panels-canvas-elements"></a>

**指标值**

指标值元素让您可以轻松选择要在画布上显示的数据。此元素具有独特的“编辑”模式，可通过上下文菜单“编辑”选项或双击来触发。在编辑模式下，您可以选择要显示的字段数据。

**文本**

文本元素使您能够轻松地向画布添加文本。该元素还支持编辑模式，可通过双击或上下文菜单中的编辑菜单选项触发。

**矩形**

通过矩形元素，您可以在画布上添加基本的矩形。矩形元素支持显示文本（固定数据和字段数据），也可以根据数据阈值更改背景颜色。

**图标**

通过图标元素，您可以将支持的图标添加到画布。可根据阈值或值映射来设置图标的颜色。

## 画布编辑
<a name="v9-panels-canvas-editing"></a>

**内联编辑器**

画布引入了全新的编辑体验。现在，您可以在控制面板模式下以内联方式编辑画布面板。

**上下文菜单**

通过上下文菜单，您可以访问常见任务。支持的功能包括打开和关闭内联编辑器、复制元素、删除元素等。

右键单击面板或给定画布元素会触发上下文菜单。右键单击面板时，您可以设置背景图像，轻松地向画布添加元素。

右键单击元素时，您可以编辑、删除和复制该元素，或者修改元素的图层位置。

## 画布选项
<a name="v9-panels-canvas-options"></a>

**内联编辑**

内联编辑开关让您可以锁定或解锁画布面板。关闭后，画布面板将处于*锁定*状态，将元素冻结在原位并防止意外修改。

# 时钟面板
<a name="v9-panels-clock"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

时钟面板显示当前时间或倒计时。每秒更新一次。
+ **模式**：默认为**时间**。如果选择**倒计时**，请设置**倒计时截止时间**以开始倒计时。
+ **12 或 24 小时**：显示时间的选项有 12 小时制和 24 小时制。
+ **时区**：时区由时刻时区库提供。默认值为计算机上的时区。
+ **倒计时截止时间**：如果您已将**模式**设置为**倒计时**，请指定倒计时的时间和日期。
+ **倒计时结束文本**：指定倒计时结束时要显示的文本。
+ **日期/时间格式选项**-自定义字体大小、粗细和 date/time 格式。如果显示倒计时，但不想看到秒数减少，请将时间格式更改为 24 小时制 `hh:mm` 或 12 小时制 `h:mm A`。有关选项的完整列表，请参阅[显示](https://momentjs.com/docs/#/displaying/)。
+ **背景颜色**：为时钟选择背景颜色。

# 控制面板列表
<a name="v9-panels-dashboard-list"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

控制面板列表可视化可展示指向其他控制面板的动态链接。可将该列表配置为使用已加星标的控制面板、最近查看的控制面板、搜索查询和控制面板标签。

每次加载仪表板时，此面板都会查询仪表板列表，始终提供最多的 up-to-date结果。

**Options**

使用以下选项来优化可视化效果。
+ **已加星标**：按字母顺序显示已加星标的控制面板。
+ **最近查看**：按字母顺序显示最近查看的控制面板。
+ **搜索**：按搜索查询或标签显示控制面板。您必须在**查询**或**标签**中至少输入一个值。对于**查询**和**标签**字段，支持变量插值，例如，`$my_var` 或 `${my_var}`。
+ **显示标题**：所选列表选择（已加星标、最近查看、搜索）显示为标题。
+ **最大项数**：设置每个部分列出的最大项数。例如，如果您保留默认值 10，并显示已加星标和最近查看的控制面板，则该面板将最多显示 20 个控制面板，每个部分有 10 个。

**搜索**

仅当选择**搜索**选项时，这些选项才适用。
+ **查询**：输入您要搜索的查询。查询不区分大小写，并接受部分值。
+ **文件夹**：选择要显示的控制面板文件夹。
+ **标签**：您可以在此输入要搜索的标签。现有标签不会在您键入时显示，*并且*区分大小写。

**注意**  
当出现多个标签和字符串时，控制面板列表将显示符合*所有*条件的标签和字符串。

# 仪表面板
<a name="v9-panels-gauge"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

仪表是一种单值可视化，可为每个序列、列或行重复仪表。

**值选项**

使用以下选项来优化可视化显示值的方式：

**Show (显式)**

选择 Grafana 显示数据的方式。

**计算**

显示基于所有行的计算值。
+ **计算**：选择一个 reducer 函数，Grafana 将使用该函数将多个字段归约为单个值。有关可用计算的列表，请参阅 [计算类型](v9-panels-calculation-types.md)。
+ **字段**：选择面板中显示的字段。

**所有值**

为每行显示一个单独的统计数据。如果选择此选项，则还可以限制要显示的行数。
+ **限制**：要显示的最大行数。默认为 5000。
+ **字段**：选择面板中显示的字段。

**计量表**

调整仪表的显示方式。
+ **显示阈值标签**：控制是否显示阈值。
+ **显示阈值标记**：控制是否在内部计量表值范围之外显示阈值范围。

**文本大小**

调整仪表文本的大小。
+ **标题**：输入仪表标题大小的数值。
+ **值**：输入仪表值大小的数值。

# Geomap 面板
<a name="v9-panels-geomap"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

Geomap 面板可视化让您可以使用地理空间数据，查看和自定义世界地图。通过配置各种叠加样式和地图视图设置，您可以轻松聚焦于数据中基于位置的重要特征。

## 地图视图
<a name="v9-panels-geomap-view"></a>

地图视图控制控制面板加载时地图的初始视图。

**初始视图**

初始视图配置首次加载 GeoMap 面板时面板的呈现方式。
+ **视图**设置面板首次加载时地图的中心。
  + **适应数据**根据地图图层的数据范围适应地图视图，并在数据发生变化时更新。
    + **数据**选项允许根据所选图层中的“所有图层”、单个“图层”或“最后一个值”的数据选择范围。
    + 如果适应来自单个“图层”或图层“最后一个值”的数据，则可以选择**图层**。
    + **填充**以超出数据范围的相对百分比设置填充（仅在查看“最后一个值”时不可用）。
    + **最大缩放**设置适应数据时的最大缩放级别。
  + **坐标**根据以下因素设置地图视图：
    + **纬度**
    + **经度**
  + 还提供了默认视图，包括：
    + **（0°, 0°）**
    + **北美洲**
    + **南美洲**
    + **欧洲**
    + **非洲**
    + **西亚**
    + **南亚**
    + **东南亚**
    + **东亚**
    + **澳大利亚**
    + **大洋洲**
+ **缩放**设置初始缩放级别。

## 地图图层
<a name="v9-panels-geomap-layers"></a>

Geomap 可视化支持显示多个层。每个图层决定了如何基于基础地图，实现地理空间数据的可视化。

**类型**

Geomap 可视化中有三种地图层类型可供选择。
+ [标记图层](#v9-panels-geomap-markers) 在每个数据点渲染一个标记。
+ [热图图层](#v9-panels-geomap-heatmap) 可视化数据的热图。
+ [GeoJSON 图层](#v9-panels-geomap-geojson) 渲染 GeoJSON 文件中的静态数据。

目前还有五种图层类型处于 alpha 阶段。
+ [夜间/白天图层（Alpha）](#v9-panels-geomap-nightday) 渲染夜间或白天区域。
+ **最后一个点的图标（alpha）**在最后一个数据点渲染一个图标。
+ **动态 GeoJSON（alpha）**根据查询结果设置 GeoJSON 文件的样式。
+ **路由（alpha）**将数据点渲染为路由。
+ [照片图层（Alpha）](#v9-panels-geomap-photos) 在每个数据点渲染一张照片。

**图层控件**

图层控件允许您创建图层、更改图层名称、重新排序和删除图层。
+ **添加图层**可为 Geomap 可视化创建附加的可配置数据图层。添加图层时，系统会提示您选择图层类型。在面板配置过程中，您可以随时更改图层类型。有关每种图层类型的详细信息，请参阅上面的**图层类型**部分。
+ 通过图层控件，您可以重命名、删除和重新排序面板上的图层。
  + **编辑图层名称**（铅笔图标）可重命名图层。
  + **垃圾桶**可删除图层。
  + **重新排序**（六个点/抓取手柄）允许更改图层顺序。较高图层的数据将显示在较低图层的数据之上。拖放时，面板将更新图层顺序，以帮助简化图层顺序的选择。

您可以向单个 Geomap 面板添加多层数据，以创建丰富、详细的可视化效果。

**位置**

Geomap 面板需要一个地理数据来源。这些数据来自数据库查询，数据有四种映射选项。
+ **自动**可自动搜索位置数据。当您的查询基于以下数据字段名称之一时，请使用此选项。
  + geohash: “geohash”
  + latitude: “latitude”, “lat”
  + longitude: “longitude”, “lng”, “lon”
  + lookup: “lookup”
+ **坐标**指定查询包含坐标数据。系统会提示您从数据库查询中选择纬度和经度的数值数据字段。
+ **地理哈希**指定您的查询包含地理哈希数据。系统会提示您从数据库查询中为地理哈希选择字符串数据字段。
+ **查找**指定查询包含需要映射为地理位置的名称数据。系统将提示您从数据库查询和地名录中选择查找字段。地名录是用于将查询到的数据映射到地理点的目录。

## 标记图层
<a name="v9-panels-geomap-markers"></a>

标记图层允许您将数据点显示为不同的标记形状，如圆形、方形、三角形、星形等。

标记有许多自定义选项。
+ **标记颜色**可配置标记的颜色。默认的 `Single color` 会使所有点保持为单一颜色。还有一个备选选项，可根据数据点得值和在 `Thresholds` 部分设置的阈值设置多种颜色。
+ **标记大小**可配置标记的大小。默认值为 `Fixed size`，即无论数据点的情况如何，所有标记的大小都相同。但是，也有一个选项可以根据对应的数据点缩放圆圈的大小。需要设置 `Min` 和 `Max` 标记大小，以便标记图层可以在这些范围内缩放。
+ **标记形状**允许您选择形状、图标或图形，以帮助为数据提供额外的可视化上下文。从 Grafana 中包含的资源中选择，例如简单形状或 Unicon 库。您也可以指定包含图像资源的 URL。图像必须是可缩放向量图形（SVG）。
+ **填充不透明度**可配置每个标记的透明度。

## 热图图层
<a name="v9-panels-geomap-heatmap"></a>

热图图层将各种数据点聚类，以直观显示不同密度的位置。添加热图图层：

单击数据图层下的下拉菜单并选择 `Heatmap`。

与 `Markers` 类似，系统会提示您使用各种选项来确定要可视化的数据点以及可视化的方式。
+ **权重值**用于配置热图集群的强度。`Fixed value` 在所有数据点保持恒定的权重值。该值范围应为 0\$11。与标记类似，下拉列表中还有一个备选选项，可以根据数据值自动缩放权重值。
+ **半径**用于配置热图集群的大小。
+ **模糊**用于配置每个集群的模糊程度。

## GeoJSON 图层
<a name="v9-panels-geomap-geojson"></a>

通过 GeoJSON 图层，可从文件系统中选择并加载静态 GeoJSON 文件。
+ **GeoJSON URL** 提供了 Grafana 附带的 GeoJSON 文件供您选择。
+ **默认样式**控制当上述规则不匹配时要应用的样式。
  + **颜色**可配置默认样式的颜色
  + **不透明度**可配置默认的不透明度
+ **样式规则**根据特征属性应用样式
  + **规则**允许您从 GeoJSON 文件中选择*特征*、*条件*和*值*来定义规则。垃圾桶图标可用于删除当前规则。
  + **颜色**可为当前规则配置样式的颜色
  + **不透明度**配置当前规则的透明度级别
+ **添加样式规则**可创建其他样式规则。

## CARTO 图层
<a name="v9-panels-geomap-carto"></a>

CARTO 图层来自 [CARTO](https://carto.com/about-us/) 栅格底图。

**Options**
+ **主题**

   选择一个主题，可以是**浅色**主题、**深色**主题或**自动**主题。
+ **显示标签**在地图顶部显示国家/地区的详细信息。
+ **不透明度**从 0（透明）到 1（不透明）

## XYZ 切片图层
<a name="v9-panels-geomap-xyz"></a>

XYZ 切片图层是来自通用切片图层的地图。

**注意**  
有关通用切片图层的更多信息，请参阅 [Web 切片地图](https://en.wikipedia.org/wiki/Tiled_web_map)和 [Open Street Map 切片服务器列表](https://wiki.openstreetmap.org/wiki/Tile_servers)。

**Options**
+ **URL 模板**
**注意**  
设置有效的切片服务器 url，例如 \$1z\$1/\$1x\$1/\$1y\$1：`https://tile.openstreetmap.org/{z}/{x}/{y}.png`。
+ **属性**设置图层的参考字符串（如果显示在[地图控件](#v9-panels-geomap-controls)中）
+ **不透明度**从 0（透明）到 1（不透明）

## Open Street Map 图层
<a name="v9-panels-geomap-osm"></a>

来自 [Open Street Map](https://www.openstreetmap.org/about) 的地图，这是一个协作式的免费地理世界数据库。

**Options**
+ **不透明度**从 0（透明）到 1（不透明）

## ArcGIS 图层
<a name="v9-panels-geomap-arcgis"></a>

A [rcGIS](https://services.arcgisonline.com/arcgis/rest/services) 图层是来自 [ESRI](https://www.esri.com/en-us/about/about-esri/overview) ArcGIS MapServer 的图层。

**Options**
+ **服务器实例**，可从以下地图类型中选择。
  + World Street Map
  + World Imagery
  + World Physical
  + Topographic
  + USA Topographic
  + World Ocean
  + 自定义 MapServer （有关格式，请参阅 [XYZ](#v9-panels-geomap-xyz)）
    + URL 模板
    + 属性
+ **不透明度**从 0（透明）到 1（不透明）

## 夜间/白天图层（Alpha）
<a name="v9-panels-geomap-nightday"></a>

夜间/白天图层根据当前时间范围显示夜间和白天区域。

**注意**  
有关更多信息，请参阅 [ OpenLayers -的扩展 DayNight](https://viglino.github.io/ol-ext/examples/layer/map.daynight.html)。

**Options**
+ **显示**从面板时间范围切换时间来源
+ **夜间区域颜色**选择夜间区域的颜色
+ **显示太阳**切换太阳图标
+ **不透明度**从 0（透明）到 1（不透明）

## 照片图层（Alpha）
<a name="v9-panels-geomap-photos"></a>

照片图层在每个数据点渲染一张照片。

**注意**  
有关更多信息，请参阅 [ OpenLayers -图像照片样式的扩展程序](http://viglino.github.io/ol-ext/examples/style/map.style.photo.html)。

**Options**
+ **图像来源字段**

  选择包含以下任一格式的图像数据的字符串字段：
  + **图像 URLs**
  + **Base64 编码**图像二进制（`data:image/png;base64,…`）
+ **类型**

   选择图像周围的框架样式
  + **Square**
  + **Circle**
  + **锚定**
  + **对开**
+ **裁剪**切换（裁剪图像以适合尺寸）
+ **阴影**切换图像背后的方框阴影
+ **边框**设置图像周围的边框大小
+ **边框颜色**设置图像周围的边框颜色
+ **半径**设置图像的整体大小（像素）

## 地图控件
<a name="v9-panels-geomap-controls"></a>

地图控件界面包含以下地图信息和工具叠加选项。

**Zoom**

本节介绍了每个缩放控件。

*显示缩放控件*

在左上角显示缩放控件。

*鼠标滚轮缩放*

使用鼠标滚轮进行放大或缩小来打开或关闭。

**显示属性**

显示地图上底图图层的属性。

**显示刻度**

在左下角显示刻度信息。

**注意**  
以 [m]/[km] 为单位显示。

**显示测量工具**

在右上角显示测量工具。仅当此控件打开时，才会显示测量值。
+ **单击**开始测量
+ **继续单击**继续测量
+ **双击**结束测量

**注意**  
更改测量类型或单位后，先前的测量值将从地图上删除。  
如果控件关闭后又重新打开，则会显示最新的测量值。  
单击并拖动测量值可以对其进行修改。

*长度*

获取几何形状的球面长度。该长度是坐标之间的大圆距离之和。对于多部分几何形状，长度是每个部分的长度之和。假设几何形状位于“EPSG:3857”中。

您可以选择以下长度测量单位：
+ **公制（m/km）**
+ **英尺（ft）**
+ **英里（mi）**
+ **海里（nmi）**

*领域*

获取几何形状的球面面积。计算此面积时，假设多边形的边是球体上大圆的线段。假设几何形状位于“EPSG:3857”中。

您可以选择以下面积测量单位：
+ **平方米（m²）**
+ **平方千米（km²）**
+ **平方英尺（ft²）**
+ **平方英里（mi²）**
+ **英亩（acre）**
+ **公顷（ha）**

**显示调试**

在地图右上角显示调试信息。这对于调试或验证数据来源很有用。
+ **缩放**显示地图的当前缩放级别。
+ **中心**显示地图中心的当前**经度**和**纬度**。

**Tooltip**
+ **无**仅当单击数据点时才显示工具提示。
+ **详细信息**当指针悬停在数据点上时显示工具提示。

# 图形面板
<a name="v9-panels-graph"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

图形面板可以呈现为直线、点路径或一系列条形。这种类型的图形用途广泛，几乎可以显示任何时间序列数据。

## 数据和字段选项
<a name="v9-panels-graph-data-and-field-options"></a>

使用图形可视化时，可以应用以下选项：
+  [转换数据](v9-panels-xform.md) 
+ 警报。这是唯一允许设置警报的可视化类型。有关更多信息，请参阅 [Grafana 9 版本中的警报](v9-alerts.md)。
+  [配置阈值](v9-panels-configure-thresholds.md) 

## 显示选项
<a name="v9-panels-graph-display-options"></a>

使用以下设置来优化可视化效果：
+  **条形图**：将值显示为条形图。
+  **折线图**：将值显示为折线图。
+  **线宽**：指定序列的线条宽度。默认 为 1。
+  **阶梯**：将相邻的点绘制成阶梯。
+  **区域填充**：指定序列的颜色填充量。默认值为 1，0 表示没有颜色。
+  **填充渐变**：指定区域填充的渐变程度。默认值为 0，表示没有渐变，10 表示急剧的渐变。
+  **点数**：显示值的点数。
+  **点半径**：控制点的大小。
+  **警报阈值**：在面板上显示警报阈值和区域。

### 堆叠和空值
<a name="v9-panels-graph-stacking-and-null-value"></a>
+  **堆叠**：每个序列堆叠在另一个序列之上。
+  **百分比**：每个序列按所有序列总计的百分比绘制。选择**堆叠**后，此选项可用。
+  **空值**：指定空值的显示方式。*这是一项重要的设置。*请参阅下面的注释。
  +  **连接**：如果序列中存在间隙（即一个或多个空值），该行将跳过间隙并连接到下一个非空值。
  +  **空值** 如果序列中存在间隙（即空值），则图表中的直线将被打断并显示间隙。这是默认设置。
  +  **空值为零**：如果序列中存在间隙（即空值），则间隙将在图形面板中显示为零值。

**重要**  
如果您正在监视服务器的 CPU 负载并且负载达到 100%，则服务器将锁定，发送统计信息的代理将无法收集负载统计信息。这会导致指标中存在间隙，使用默认的*空值*设置意味着 Amazon Managed Grafana 将显示间隙并指明出现了问题。如果将其设置为*连接*，则很容易错过此信号。

### 悬停工具提示
<a name="v9-panels-graph-hover-tooltip"></a>

使用这些设置可以更改工具提示的外观，该工具提示会在您将光标悬停在图形可视化效果上时出现。
+  **模式**：确定悬停工具提示显示的序列数量。
  +  **全部序列**：悬停工具提示显示图形中的所有序列。在工具提示的序列列表中，Grafana 工作区以粗体突出显示光标悬停在其上方的序列。
  +  **单个**：悬停工具提示仅显示一个序列，即图形中光标悬停在其上方的序列。
+  **排序顺序**：如果选择**所有序列**模式，则会对悬停工具提示中的序列排序。当光标悬停在图形上时，Amazon Managed Grafana 会显示与线条相关的值。通常，用户最感兴趣的是最高值或最低值。对这些值进行排序可以更轻松地找到所需的数据。
  +  **无**：工具提示中序列的顺序由查询中的排序顺序决定。例如，您可以按序列名称的字母顺序对序列排序。
  +  **递增**：悬停工具提示中的序列按值以递增顺序排序，最低值位于列表顶部。
  +  **递减**：悬停工具提示中的序列按值以递减顺序排序，最高值位于列表顶部。

## 序列覆盖
<a name="v9-panels-graph-series-overrides"></a>

序列覆盖允许图形面板中的序列以与其他序列不同的方式呈现。您可以为每个序列自定义不同显示选项，也可以使用正则表达式规则来自定义显示选项。例如，可以将某个序列的线宽加粗，使其突出，或者将其移至 Y 轴右侧。

您可以添加多个序列覆盖。

**添加序列覆盖**

1. 选择**添加序列覆盖**。

1. 在**别名或正则表达式**中，键入或选择一个序列。选择字段以查看可用序列列表。

   例如，`/Network.*/` 将与名为 `Network out` 和 `Network in` 的两个序列匹配。

1. 选择 **\$1**，然后选择要应用于该序列的样式。您可以向每个条目添加多个样式。
+  **条形图**：将序列显示为条形图。
+  **折线图**：将序列显示为折线图。
+  **线条填充**：显示带有区域填充的折线图。
+  **填充渐变**：指定区域填充渐变量。
+  **线宽**：设置线宽。
+  **空值点模式**：使用此选项可以忽略空值或将其替换为零。如果要忽略数据中的间隙，此选项很重要。
+  **填充至下方**：填充两个序列之间的区域。
+  **阶梯线**：将序列显示为阶梯线。
+  **短横线**：显示带有短横线的线条。
+  **隐藏序列**：隐藏序列。
+  **短横线长度**：设置线条中短横线的长度。
+  **短横线间距**：设置线条中短横线之间的空格长度。
+  **点**：将序列显示为单独的点。
+  **点半径**：设置点渲染的半径。
+  **堆栈**：设置序列的堆栈组。
+  **颜色**：设置序列颜色。
+  **Y 轴**：设置序列 y 轴。
+  **Z 索引**：设置序列 z 索引（渲染顺序）。当您叠加不同的样式（例如条形图和面积图）时，此选项非常重要。
+  转换：将值转换为负值以在 y 轴下方呈现。
+  **图例**：控制序列是否显示在图例中。
+  **在工具提示中隐藏**：控制序列是否显示在图表工具提示中。

## 轴
<a name="v9-panels-graph-axes"></a>

使用这些选项来控制可视化中轴的显示。

### 向左 Y/Right Y
<a name="v9-panels-graph-left-yright-y"></a>

两个 y 轴的选项相同。
+  **显示**：选择显示或隐藏轴。
+  **单位**：选择 y 值的显示单位。
+  **刻度**：选择用于 y 值的刻度：**线性**或**对数**。默认值为**线性**。
+  **Y 最小值**：y 的最小值。默认值为 **auto**。
+  **Y 最大值**：y 的最大值。默认值为 **auto**。
+  **小数**：定义 y 值显示的小数位数。默认值为 **auto**。
+  **标签**：指定 y 轴标签。默认值为“"”。

### Y 轴
<a name="v9-panels-graph-y-axes"></a>
+  **对齐**：按值对齐左右的 y 轴。默认为未选中/false。
+  **级别**：输入用于左右 y 轴对齐的值，从 Y=0 开始。默认值是 0。选择**对齐**后，此选项可用。

### X 轴
<a name="v9-panels-graph-x-axis"></a>
+  **显示**：选择显示或隐藏轴。
+  **模式**：显示模式完全改变了图形面板的可视化效果。就像三个面板合而为一。主要模式是时间序列模式，而且 x 轴上显示了时间。另外两种模式包括基本的条形图模式（在 x 轴上显示序列而不是时间）和直方图模式。
  +  **时间**（默认值）：x 轴表示时间，数据按时间（例如，按小时或分钟）分组。
  +  **序列**：数据按序列分组，而不是按时间分组。y 轴仍然代表值。
    +  **值**：这是用于值的聚合类型。默认值为**合计**（将值相加）。
  +  **直方图**：此选项将图形转换为直方图。直方图是一种将数字分组为范围的条形图，通常称为桶或箱。条形越高表示该范围内的数据越多。

    有关此直方图的更多信息，请参阅 [直方图和热图简介](getting-started-grafanaui.md#introduction-to-histograms-and-heatmaps)。
    +  **桶**：设置要按其对值进行分组的桶数量。如果留空，Amazon Managed Grafana 会尝试计算合适的桶数量。
    +  **X 最小值**：筛选出直方图中小于此最小限制的值。
    +  **X 最大值**：筛选出大于此最大限制的值。

## 图例
<a name="v9-panels-graph-legend"></a>

使用这些设置可以优化图例在可视化中的显示方式。

### 选项
<a name="v9-panels-graph-legends-options"></a>
+  **显示**：清除以隐藏图例。默认选中（true）。
+  **作为表**：选择此选项可在表中显示图例。默认选中（true）。
+  **向右**：选择后可在右侧显示图例。
+  宽度：输入图例的最小宽度（以像素为单位）。选择**右对齐**后，此选项可用。

### 值
<a name="v9-panels-graph-values"></a>

可以在图例名称旁边显示其他值。
+  **最小值**：指标查询返回的最小值。
+  **最大值**：指标查询返回的最大值。
+  **平均值**：指标查询返回的平均值。
+  **当前值**：从指标查询返回的最后一个值。
+  **总计**：从指标查询返回的所有值的总和。
+  **小数**：图例值和图形悬停工具提示显示的小数位数。

Amazon Managed Grafana 会计算客户端的图例值。这些图例值取决于指标查询使用的聚合类型或点合并类型。以上所有图例值不能同时正确。

例如，如果您绘制请求/秒之类的速率（可能使用平均值作为聚合器），则图例中的总数将不代表请求总数。这是 Amazon Managed Grafana 收到的所有数据点的总和。

### 隐藏序列
<a name="v9-panels-graph-hide-series"></a>

当指标查询中某个序列的所有值均为特定值时，则隐藏序列。
+  **只有空值**：value=NULL（默认为未选中）
+  **只有零**：value=Zero（默认为未选中）

### 时间区域
<a name="v9-panels-graph-time-regions"></a>

您可以在图形上突出显示特定的时间区域，以便于查看，例如周末、工作时间和下班时间。所有配置的时间区域均以 UTC 时间为准。

# 热图面板
<a name="v9-panels-heatmap"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

通过热图面板可视化，您可以查看随时间变化的直方图。有关直方图的更多信息，请参阅 [直方图和热图简介](getting-started-grafanaui.md#introduction-to-histograms-and-heatmaps)。

## 根据数据计算
<a name="v9-panels-heatmap-calculate"></a>

此设置决定数据是已计算的热图（来自数据来源/转换器），还是在面板中计算的热图。

**X 桶**

此设置决定如何将 X 轴拆分为桶。可在**大小**输入中指定时间间隔。例如，时间范围为 `1h` 会使 X 轴上的单元格宽度为 1 小时。

**Y 桶**

此设置决定如何将 Y 轴拆分为桶。

**Y 桶刻度**

从以下 Y 轴值刻度中选择一个：
+ **线性**：线性刻度。
+ **log（底数 2）**：底数为 2 的对数刻度。
+ **log（底数 10）**：底数为 10 的对数刻度。

## Y 轴
<a name="v9-panels-heatmap-y-axes"></a>

定义 Y 轴的显示方式

 **放置**
+ **左**：在左侧
+ **右**：在右侧
+ **隐藏**：隐藏

**单位**

单位配置

**小数**

此设置决定十进制配置。

**最小/最大值**

此设置配置轴范围。

**反向**

选中后，轴将按相反顺序显示。

## 颜色
<a name="v9-panels-heatmap-colors"></a>

色谱控制值计数（在每个桶中）和分配给每个桶的颜色之间的映射。色谱上最左侧的颜色表示最小计数，最右侧的颜色表示最大计数。使用浅色主题时，某些颜色方案会自动反转。

您也可以将颜色模式更改为“不透明度”。在这种情况下，颜色不会改变，但不透明度会随桶数的变化而变化
+ **Mode (模式)**
  + **方案**：用单元格颜色表示的桶值。
    + **方案**：如果模式为**方案**，则选择颜色方案。
  + **不透明度**：由单元格不透明度表示的桶值。不透明单元格表示最大值。
    + **颜色**：单元格基色。
    + **刻度**：将桶值映射到不透明度的刻度。
      + **线性**：线性刻度。桶值以线性方式映射到不透明度。
      + **sqrt**：幂刻度。以 `value ^ k` 计算的单元格不透明度，其中 `k` 是配置的**指数**值。如果指数小于 `1`，则会得到一个对数刻度。如果指数大于 `1`，则会得到一个指数刻度。如果是 `1`，则刻度将与线性相同。
    + **指数**：指数值，大于 `0`。

**从值开始/结束颜色**

默认情况下，Grafana 根据最小和最大桶值计算单元格颜色。可使用最小值和最大值覆盖这些值。将桶值视为 Z 轴，将最小值和最大值分别视为 Z-Min 和 Z-Max。
+ **开始**：用于单元格颜色计算的最小值。如果桶值小于最小值，则将其映射到“最小”颜色。序列最小值为默认值。
+ **结束**：用于单元格颜色计算的最大值。如果桶值大于最大值，则将其映射到“最大”颜色。序列最大值为默认值。

## 单元格显示
<a name="v9-panels-heatmap-cell"></a>

使用单元格显示设置来优化热图中单元格的可视化效果。

## 其他显示选项
<a name="v9-panels-heatmap-options"></a>

**Tooltip**
+ **显示工具提示**：显示热图工具提示。
+ **显示直方图**：在工具提示上显示 Y 轴直方图。直方图表示特定时间戳的桶值的分布。

**图例**

选择是否要在可视化上显示热图图例。

**样本**

设置用于显示样本数据的颜色。

# 直方图面板
<a name="v9-panels-histogram"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

直方图可视化计算值的分布并将其显示为条形图。Y 轴和每个条形的高度代表落入每个括号中的值的数量，而 X 轴代表值范围。

直方图可视化支持时间序列和任何带有一个或多个数值字段的表结果。

## 支持的格式
<a name="v9-panels-histogram-formats"></a>

直方图可视化支持时间序列和任何带有一个或多个数值字段的表结果。

## 显示选项
<a name="v9-panels-histogram-options"></a>

使用以下选项来优化可视化效果：

**桶大小**

桶的大小。将此字段留空，以自动调整桶大小（约为全量程的 10%）。

**桶偏移**

第一个桶不应该从零开始。非零偏移会移动聚合窗口。例如，大小为 5（0–5、5–10、10–15）且默认偏移量为 0 的桶将变为 2–7、7–12、12–17，偏移量为 2；在这种情况下，0、5 或 10 的偏移量实际上没有任何作用。通常，此选项将与明确定义的桶大小一起使用，而不是与自动桶大小一起使用。要使此设置生效，偏移量应大于 0 且小于桶大小；超出此范围的值将与该范围内的值具有相同的效果。

**组合序列**

这会将所有序列和字段合并为一个组合的直方图。

**线宽**控制条形图的线宽。

**填充不透明度**控制条形图的填充不透明度。

**渐变模式**设置渐变填充的模式。填充渐变基于线条颜色。要更改颜色，请使用标准颜色方案字段选项。渐变外观受填充不透明度设置的影响。
+  **无**：无渐变填充，这是默认设置。
+  **不透明度**：渐变的透明度是根据 Y 轴上的值计算的。填充的不透明度随 Y 轴上的值增加而增加。
+  **色调**：渐变色是根据线条颜色的色调生成的。

**工具提示模式** 当您将光标悬停在图形上时，Grafana 可以显示工具提示。选择工具提示的行为方式：
+  **单个**：悬停工具提示仅显示您悬停在上面的序列。
+  **全部**：悬停工具提示显示可视化中的所有序列。Grafana 在工具提示的序列列表中以粗体突出显示您悬停在上面的序列。
+  **隐藏**：不显示工具提示。

**注意**  
使用覆盖从工具提示隐藏单个序列。

## 图例选项
<a name="v9-panels-histogram-legend"></a>

启用图例选项后，可以显示值映射或阈值括号。要在图例中显示值映射，请务必将标准选项下的“颜色方案”选项设置为“单色”或“经典”调色板。要查看图例中的阈值括号，请将“颜色方案”设置为“来自阈值”。

**图例模式**：使用这些设置可以优化图例在可视化中的显示方式。
+  **列表**：以列表形式显示图例。这是图例的默认显示模式。
+  **表**：以表的形式显示图例。
+  **隐藏**：隐藏图例。

**图例放置**：选择图例的放置位置。
+  **底部**：显示在图形下方。
+  **右**：显示在图形右侧。

**图例值**

选择要在图例中显示的标准计算。可以输入多个值。有关更多信息，请参阅 [计算类型](v9-panels-calculation-types.md)。

**图例计算**

选择要在图例中显示的计算。可以选择多个值。

# 日志面板
<a name="v9-panels-logs"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

日志面板可视化显示来自支持日志的数据来源（例如 Elastic、Influx 和 Loki）的日志行。通常，您可以使用图形面板旁边的此面板来显示相关进程的日志输出。

日志面板显示在**查询**选项卡上输入的查询结果。多个查询的结果按时间合并和排序。如果数据来源返回的行数超过了可以显示的行数，则可以在面板内滚动。

要限制渲染的行数，可以使用**查询选项**中的**最大数据点**设置。如果未设置，则数据来源通常会强制使用默认限制。

## 日志级别
<a name="v9-panels-logs-level"></a>

对于指定了**级别**标签的日志，我们会使用标签值来确定日志级别，并相应地更新颜色。如果日志未指定级别标签，则会尝试查明其内容是否与任何受支持的表达式匹配（有关更多信息，请参阅下文）。日志级别始终由第一个匹配项决定。如果 Grafana 无法确定日志级别，则会使用**未知的**日志级别对其可视化。有关更多信息，请参阅 [日志可视化](v9-explore-logs.md#v9-explore-logs-viz)。

## 日志详细信息
<a name="v9-panels-logs-details"></a>

每个日志行都有一个可扩展区域，其中带有标签和检测到的字段，以实现更可靠的交互。每个字段或标签有一个统计图标，以显示与所有显示的日志相关的统计信息。

**数据链接**

通过数据链接，您可以将日志消息的任何部分转换为内部或外部链接。创建的链接在**日志详细信息**视图的**链接**部分以按钮的形式显示。

**显示选项**

使用以下设置来优化可视化效果：
+  **时间**：显示或隐藏时间列。这是与数据来源报告的日志行关联的时间戳。
+  **唯一标签**：显示或隐藏唯一标签列，该列仅显示非常见标签。
+ **常用标签**：显示或隐藏常用标签
+  **换行**：切换换行符。
+ **Prettify JSON**：将其设置为 `true` 可打印所有 JSON 日志。此设置不会影响 JSON 以外的任何格式的日志。
+ **启用日志详细信息**：切换选项以查看每个日志行的日志详细信息视图。默认设置为 `true`。
+  **顺序**：按时间降序或升序显示结果。默认为**降序**，首先显示最新的日志。设置为**升序**可首先显示最旧的日志行。

# 新闻面板
<a name="v9-panels-news"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

此面板显示 RSS 源。默认情况下，显示来自 Grafana Labs 博客的文章。

在**显示**部分输入 RSS 的 URL。此面板类型不接受任何其他查询。

**注意**  
RSS 源由 Grafana 前端加载，无需代理。因此，只有配置了相应 [CORS 标头](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS)的 RSS 源才会加载。如果尝试显示的 RSS 源无法加载，请考虑重新托管 RSS 源或创建自己的代理。

# 节点图面板
<a name="v9-panels-node-graph"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

节点图面板可视化定向图形或网络。面板使用定向力布局来有效定位节点，有助于显示复杂的基础设施图、层次结构或运行图。

## 数据要求
<a name="v9-panels-node-graph-requirements"></a>

节点图面板需要数据的特定形状才能显示其节点和边。并非每个数据来源或查询都可以在此面板中可视化。

节点图可视化由*节点*和*边*组成。
+ *节点*显示为圆形。从应用程序的角度来看，节点可能代表应用程序、服务或其他任何相关的内容。
+ *边*显示为一条连接两个节点的线。连接可能是请求、运算或两个节点之间的某种其他关系。

节点和边都可以具有关联的元数据或统计数据。数据来源定义了显示哪些信息和值，因此不同的数据来源可以显示不同类型的值，也可以不显示某些值。

## Nodes
<a name="v9-panels-node-graph-nodes"></a>

通常，节点在节点内部显示两个统计值，在节点正下方显示两个标识符，通常是名称和类型。节点还可以在节点周围用彩色圆圈显示另一组数值，不同颜色的部分代表不同的数值，这些数值相加应为 1。例如，您可以用圆圈的红色部分表示误差百分比。

其他详细信息可以显示在上下文菜单中，该菜单会在您选择节点时显示。上下文菜单中还可以有其他链接，这些链接可以指向 Grafana 工作区的其他部分或任何外部链接。

**注意**  
节点图只能显示 1500 个节点。如果超过此限制，则右上角会显示一条警告，某些节点会被隐藏。您可以单击图形中的**隐藏节点**标记，展开图形的隐藏部分。

## Edges
<a name="v9-panels-node-graph-edges"></a>

当您将鼠标悬停在边上时，边也可以显示统计数据。与节点类似，您也可以选择边以打开包含其他详细信息和链接的上下文菜单。

支持此可视化的第一个 AWS X-Ray 数据源是其服务地图功能的数据源。有关更多信息，请参阅 [Connect 连接到 AWS X-Ray 数据源](x-ray-data-source.md)。

## 浏览节点图
<a name="v9-panels-node-graph-navigation"></a>

通过选择任何节点或边的外部并拖动指针，可以在节点图内平移。

您可以使用节点图左上角的按钮进行缩放。

**隐藏节点**

为了保持合理的性能，在给定时间显示的节点数量是有限的。超出此限制的节点隐藏在可点击的标记后面，这些标记显示连接到该边的隐藏节点的大致数量。您可以选择标记来围绕该节点展开图形。

**网格视图**

您可以切换到网格视图，以便更好地了解图形中最有趣的节点。网格视图显示网格中没有边的节点，可以按节点内部显示的统计数据或节点的彩色边框表示的统计数据进行排序。

要对节点进行排序，请选择图例中的统计数据。统计数据名称旁边的标记显示当前用于排序和排序方向的统计数据。

选择节点，然后选择**在图形布局中显示**选项，切换回图形布局，将焦点放在所选节点上，以在整个图形的上下文中显示该节点。

## 数据 API
<a name="v9-panels-node-graph-data-api"></a>

这种可视化需要从数据来源返回特定形状的数据，以便正确显示。

节点图至少需要一个描述图形边缘的数据帧。默认情况下，节点图将根据此数据帧计算节点和任何统计数据。（可选）如果需要显示更多特定于节点的元数据，则可以发送描述节点的第二个数据帧。您必须在两个数据帧上设置 `frame.meta.preferredVisualisationType = 'nodeGraph'`，或将其分别命名为 `nodes` 和 `edges`，这样才能渲染节点图。

**结构中的边数据**

必填字段：


| 字段名称 | Type | 说明 | 
| --- | --- | --- | 
|  id  |  字符串  |  边的唯一标识符。  | 
|  source  |  字符串  |  来源节点 ID。  | 
|  target  |  字符串  |  目标 ID。  | 

可选字段：


| 字段名称 | Type | 说明 | 
| --- | --- | --- | 
|  mainstat  |  字符串/数字  |  将鼠标悬停在边上方时，第一个统计数据显示在叠加层中。可以是按原样显示值的字符串，也可以是数字。如果是数字，则还会显示与该字段关联的任何单位  | 
|  secondarystat  |  字符串/数字  |  与 MainStat 相同，但显示在其正下方。  | 
|  detail\$1\$1\$1  |  字符串/数字  |  单击边时，任何前缀为 `detail__` 的字段都将显示在上下文菜单的标题中。将 `config.displayName` 用于更易读的标签。  | 

**结构中的节点数据**

必填字段：


| 字段名称 | Type | 说明 | 
| --- | --- | --- | 
|  id  |  字符串  |  节点的唯一标识符。边在其来源和目标字段中引用此 ID。  | 

可选字段：


| 字段名称 | Type | 说明 | 
| --- | --- | --- | 
|  删除实例快照  |  字符串  |  节点正下方可见的节点名称。  | 
|  subtitle  |  字符串  |  标题下显示的附加名称、类型或其他标识符。  | 
|  mainstat  |  字符串/数字  |  第一个统计数据显示在节点中。可以是按原样显示值的字符串，也可以是数字。如果是数字，则还会显示与该字段关联的任何单位。  | 
|  secondarystat  |  字符串/数字  |  与 MainStat 相同，但显示在节点中的下方。  | 
|  arc\$1\$1\$1  |  数字  |  任何前缀为 `arc__` 的字段都将用于在节点周围创建彩色圆圈。这些字段中的所有值加起来应为 1。您可以使用 `config.color.fixedColor` 指定颜色。  | 
|  detail\$1\$1\$1  |  字符串/数字  |  单击节点时，任何前缀为 `detail__` 的字段都将显示在上下文菜单的标题中。将 `config.displayName` 用于更易读的标签。  | 

# 饼图面板
<a name="v9-panels-piechart"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

饼图将来自一个或多个查询的简化序列或序列中的值（这些值彼此相关）显示为饼图的切片。切片的弧长、面积和中心角都与切片值成正比，因为它与所有值的总和相关。如果您想以美观的形式快速比较一小组值，最好使用这种类型的图表。

## 值选项
<a name="v9-panels-piechart-value"></a>

使用以下选项优化可视化中的值。

**Show (显式)**

选择要显示的信息量。
+ **计算**：将每个值归约为每个序列的单个值。
+ **所有值**：显示单个序列中的每个值。

**计算**

选择计算后，选择计算以归约每个序列。有关可用计算的信息，请参阅[计算类型](v9-panels-calculation-types.md)。

**限制**

显示单个序列中的每个值时，这会限制显示的值数量。

**字段**

选择要在可视化中显示的字段。列表中提供了每个字段名称，也可以选择以下选项之一：
+ **数值字段**：所有包含数值的字段。
+ **所有字段**：所有未由转换删除的字段。
+ **时间**：所有带有时间值的字段。

## 饼图选项
<a name="v9-panels-piechart-options"></a>

使用以下选项来优化可视化效果。

**饼图类型**

选择饼图的显示样式。可以是以下任一项：
+ **饼图**：标准饼图
+ **甜甜圈**：中间有洞的饼图

**标签**

选择要在饼图上显示的标签。您可以选择多个标签。
+ **名称**：序列或字段名称。
+ **百分比**：占整体的百分比。
+ **值**：原始数值。

默认情况下，标签在图表正文上显示为白色。您可以选择深颜色的图表，使其更加明显。较长的名称或数字可能会被截断。

**工具提示模式**

当您将光标悬停在可视化上时，Grafana 可显示工具提示。选择工具提示的行为方式。
+ **单个**：悬停工具提示仅显示一个序列，即您将鼠标悬停在可视化上面的序列。
+ **全部**：悬停工具提示显示可视化中的所有序列。Grafana 在工具提示的序列列表中以粗体突出显示您悬停在上面的序列。
+ **隐藏**：与可视化交互时不显示工具提示。

使用覆盖从工具提示隐藏单个序列。

**图例模式**

使用这些设置可定义图例在可视化中的显示方式。有关图例的更多信息，请参阅[配置图例](v9-panels-configure-legend.md)。
+ **列表**：以列表形式显示图例。这是图例的默认显示模式。
+ **表**：以表的形式显示图例。
+ **隐藏**：隐藏图例。

**图例放置**

选择显示图例的位置。
+ **底部**：显示在图形下方。
+ **右**：显示在图形右侧。

**图例值**

选择要在图例中显示的[标准计算](v9-panels-calculation-types.md)。可以输入多个值。

选择要在图例中显示的值。可以选择多个值。
+ **百分比**：占整体的百分比。
+ **值**：原始数值。

有关图例的更多信息，请参阅[配置图例](v9-panels-configure-legend.md)。

# Plotly 面板
<a name="v9-panels-plotly"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

Plotly 面板使用开源 javascript 图形库 [Plotly](https://plotly.com/javascript/) 渲染图表。

**数据**、**布局**和**配置**字段与 [Plotly 文档](https://plotly.com/javascript/plotlyjs-function-reference/)中描述的常用参数相匹配。必须采用 JSON 格式。

数据来源提供的数据可通过用户定义的脚本进行转换，然后再注入 Plotly 图表。该脚本包含 2 个参数。
+ `data`：数据来源返回的数据。
+ `variables`：当前控制面板中包含 [Grafana 变量](templates-and-variables.md)的对象（用户变量和以下几个全局变量：`__from`、`__to`、`__interval` 和 `__interval_ms`）。

该脚本返回的对象必须具有以下一个或多个属性：`data`、`layout`、`config` 和 `frames`。示例如下：

```
let x  = data.series[0].fields[0].values.buffer
let y  = data.series[0].fields[1].values.buffer
let serie = {
    x : x,
    y : y,
    name : variables.project //where project is the name of a Grafana’s variable
}

return {
    data : [serie],
    config : {
    displayModeBar: false
    }
}
```

*数据*、*布局*和*配置*字段中提供的脚本和 JSON 返回的对象将被合并（深度合并）。

如果未提供脚本，面板将仅使用*数据*、*布局*和*配置*字段。

# Sankey 面板
<a name="v9-panels-sankey"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

Sankey 面板显示了 Sankey 关系图，这些关系图非常适合可视化流数据，流宽度与所选指标成正比。下图显示了一个 Sankey 关系图，其中包含两组源和目标。

![\[Sankey diagram showing flow between source organizations, science disciplines, and projects.\]](http://docs.aws.amazon.com/zh_cn/grafana/latest/userguide/images/sankey-panel.png)


**工作原理**

sankey 面板需要至少 2 列数据，分别是数据流的源和目标。您的查询应将您的数据分为至少两组。该面板将按查询顺序绘制从第一列数据点到最后一列数据点的链接。链接的粗细将与查询中的指标分配的值成比。

**自定义**
+ **链接**：当前有两种链接颜色选项：多色或单色。默认为多色。要为链接选择单色，请切换**仅限单一链接颜色**选项，然后从 Grafana 的颜色选择器中选择颜色。
+ **节点**：您可以通过更改**节点颜色**选项来更改矩形节点的颜色
+ **节点宽度**：可以使用**节点宽度**滑块或在输入框中输入数字来调整节点的宽度。此数字必须是整数。
+ **节点填充**：可以使用**节点填充**滑块或在输入框中输入数字来调整节点之间的垂直填充。此数字必须是整数。如果您的链接太薄，可以尝试调整这个数字
+ **标题**：可以在编辑器面板中使用**显示名称**覆盖来更改列标题。这与您为**文本颜色**选择的颜色相同
+ **Sankey 布局**：可使用**布局迭代**滑块稍微调整 Sankey 链接的布局。此数字必须为整数，并且是用于生成布局的松弛迭代次数。

# 散点面板
<a name="v9-panels-scatter"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

散点面板显示表格数据的 X/Y 散点图，其界面比其他图形面板更简单。与图形面板不同，散点面板不要求数据处于时间序列中。散点面板需要表格式的数据集，其中包含两列或多列数值数据。

其中一列可以分配给 X 轴。可以将一列或多列分配给一系列 Y 轴值，并将生成的数据绘制为一系列点。每个序列还可以选择使用多个统计最佳拟合中的一个来显示回归线。

**创建散点面板**

以下过程介绍了如何使用散点面板创建散点图。对于此示例，我们将假设存在如下表所示的 `HEIGHT` 数据，其中包含三列数值 `Age`、`Boys` 和 `Girls`，按年龄显示男孩和女孩的平均身高。


| 天数 | 男孩身高 | 女孩身高 | 
| --- | --- | --- | 
|  5  |  109.7  |  109.5  | 
|  6  |  115.6  |  115.4  | 
|  7  |  121.1  |  120.8  | 
|  8  |  126.3  |  126  | 
|  9  |  131.3  |  131.3  | 
|  10  |  136.2  |  137.1  | 
|  11  |  141.2  |  143.2  | 
|  12  |  147  |  148.7  | 
|  13  |  153.6  |  152.6  | 
|  14  |  159.9  |  155.1  | 
|  15  |  164.4  |  156.7  | 
|  16  |  167.3  |  157.6  | 
|  17  |  169  |  158  | 
|  18  |  170  |  158.3  | 
|  19  |  170.8  |  158.6  | 

**使用散点面板创建散点图**

1. 在您的 Grafana 控制面板中，选择**添加面板**。

1. 对于查询，编写一个将返回所需数据的查询。在这种情况下，您将使用 `SELECT * FROM HEIGHT` 之类的查询。

1. 选择**散点**可视化。

这将创建一个散点图，使用第一列作为 X 轴，其他数值列作为 Y 轴。

**配置选项**

散点面板提供以下四个自定义配置选项。
+ **X 轴**：您可以选择用作 X 轴的字段，以及轴的范围、标题和显示信息。
+ **Y 轴**：您可以选择用作 Y 轴的字段，包括每个字段的显示选项以及轴的范围和标题信息。您还可以选择显示每个字段的回归线。有关回归线配置的更多详细信息，请参阅以下信息。
+ **图例**：您可以打开或关闭面板的图例，也可以选择图例中文本的大小。
+ **显示**：您可以为图表设置其他选项，包括网格颜色和边框样式。

**回归线配置**

除了单个点之外，每个 Y 轴数据集还可以显示一条线。有五个线条类型的选项。
+ **无**：不显示回归线。
+ **简单**：显示连接数据集点的回归线。
+ **线性**：使用最小二乘法这种最佳拟合方法显示一条直线。
+ **指数**：显示指数最佳拟合回归线。
+ **幂**：显示幂最佳拟合回归线。

# 统计面板
<a name="v9-panels-stat"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

统计面板可视化显示一个很大的统计值，并带有可选的图表迷你图。您可以使用阈值来控制背景或值颜色。

默认情况下，统计面板将显示以下内容之一：
+ 仅单个序列或字段的值。
+ 多个序列或字段的值和名称。

您可以使用**文本模式**来控制是否显示文本。

## 自动布局调整
<a name="v9-panels-stat-automatic-adjust"></a>

面板会根据控制面板中的可用宽度和高度自动调整布局。如果面板变得太小，将会自动隐藏图形（迷你图）。

## 值选项
<a name="v9-panels-stat-value"></a>

使用以下选项来优化可视化显示值的方式：

**Show (显式)**

选择 Grafana 显示数据的方式。

**计算**

显示基于所有行的计算值。
+ **计算**：选择一个 reducer 函数，Grafana 将使用该函数将多个字段归约为单个值。有关可用计算的列表，请参阅[标准计算](v9-panels-calculation-types.md)。
+ **字段**：选择面板中显示的字段。

**所有值**

为每行显示一个单独的统计数据。如果选择此选项，则还可以限制要显示的行数。
+ **限制**：要显示的最大行数。默认为 5000。
+ **字段**：选择面板中显示的字段。

## 统计样式
<a name="v9-panels-stat-styles"></a>

设置可视化的样式。

**方向**

选择堆叠方向。
+ **自动**：Grafana 会选择其认为最佳的方向。
+ **水平**：从左到右水平拉伸条形图。
+ **垂直**：从上到下垂直拉伸条形图。

**文本模式**

您可以使用文本模式选项来控制面板渲染的文本。如果值并不重要，重要的是名称和颜色，则将**文本模式**更改为**名称**。该值仍用于确定颜色，并显示在工具提示中。
+ **自动**：如果数据包含多个序列或字段，则同时显示名称和值。
+ **值**：仅显示值，不显示名称。名称显示在悬停工具提示中。
+ **值和名称**：始终显示值和名称。
+ **名称**：显示名称而不是值。值显示在悬停工具提示中。
+ **无**：不显示任何内容（空）。名称和值显示在悬停工具提示中。

**颜色模式**

选择一种颜色模式。
+ **值**：仅为值和图形区域着色。
+ **背景**：同时为背景着色。

**图形模式**

选择图形和迷你图模式。
+ **无**：隐藏图形并仅显示值。
+ **面积**：在值下方显示面积图。这要求您的查询返回时间列。

**文本对齐方式**

选择对齐模式。
+ **自动**：如果仅显示单个值（不重复），则该值居中。如果显示多个序列或多行，则该值为左对齐。
+ **中心**：统计值居中。

文本大小

调整仪表文本的大小。
+ **标题**：输入仪表标题大小的数值。
+ **值**：输入仪表值大小的数值。

# 状态时间轴面板
<a name="v9-panels-state-timeline"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

状态时间轴面板可视化显示一段时间内的离散状态变化。每个字段或序列都渲染为其唯一的水平段。状态区域可以用值或不用值渲染。此面板适用于字符串或布尔状态，但也可以与时间序列一起使用。与时间序列一起使用时，使用阈值将数值转换为离散状态区域。

## 状态时间轴选项
<a name="v9-panels-state-timeline-options"></a>

使用以下选项来优化可视化效果：

**合并相等的连续值**

控制 Grafana 是否合并相邻的相同值。

**显示值**

控制是否在状态区域内渲染数值。如果有足够的空间，Auto 将渲染值。

**对齐值**

控制状态区域内的值对齐。

**行高**

控制行间的间距。1 = 无间距，0.5 = 50% 间距。

**线宽**

控制状态区域的线宽。

**填充不透明度**

控制状态区域的不透明度。

## 值映射
<a name="v9-panels-state-timeline-valuemap"></a>

要为布尔值或字符串值分配颜色，请使用 [配置值映射](v9-panels-configure-value-mappings.md)。

## 带阈值的时间序列数据
<a name="v9-panels-state-timeline-threshold"></a>

该面板也可以用于时间序列数据。在这种情况下，使用阈值将时间序列转换为离散的彩色状态区域。

## 图例选项
<a name="v9-panels-state-timeline-legend"></a>

启用图例选项后，可以显示值映射或阈值括号。要在图例中显示值映射，请务必将“标准”选项下的“颜色方案”选项设置为“单色”或“经典”调色板。要查看图例中的阈值括号，请将“颜色方案”设置为“来自阈值”。

**图例模式**：使用这些设置可以优化图例在可视化中的显示方式。
+  **列表**：以列表形式显示图例。这是图例的默认显示模式。
+  **表**：以表的形式显示图例。
+  **隐藏**：隐藏图例。

**图例放置**：选择图例的放置位置。
+  **底部**：显示在图形下方。
+  **右**：显示在图形右侧。

**图例值**

选择要在图例中显示的[标准计算](v9-panels-calculation-types.md)。可以输入多个值。

# 状态历史面板
<a name="v9-panels-status-history"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

状态历史可视化显示一段时间内的周期性状态。每个字段或序列都渲染为水平行。然后渲染框并围绕每个值居中。

状态历史可视化适用于字符串、布尔值和数值字段或时间序列。时间字段为必填项。您可以使用值映射为字符串着色，或为数字范围赋予文本值。

## 显示选项
<a name="v9-panels-status-history-timeline-options"></a>

使用以下选项来优化可视化效果：

**显示值**

控制值是否在值框内渲染。如果有足够的空间，Auto 将渲染值。

**列宽**控制框的宽度。1 = 最大宽度，0 = 最小宽度。

**线宽**控制状态区域的线宽。

**填充不透明度**控制状态区域的填充不透明度。

## 值映射
<a name="v9-panels-status-history-valuemap"></a>

要为布尔值或字符串值分配颜色，请使用 [配置值映射](v9-panels-configure-value-mappings.md)。

## 带阈值的时间序列数据
<a name="v9-panels-status-history-threshold"></a>

该面板也可以用于时间序列数据。在这种情况下，使用阈值为框着色。也可以使用渐变配色方案为值着色。

## 图例选项
<a name="v9-panels-status-history-legend"></a>

启用图例选项后，可以显示值映射或阈值括号。要在图例中显示值映射，请务必将“标准”选项下的“颜色方案”选项设置为“单色”或“经典”调色板。要查看图例中的阈值括号，请将“颜色方案”设置为“来自阈值”。

**图例模式**：使用这些设置可以优化图例在可视化中的显示方式。
+  **列表**：以列表形式显示图例。这是图例的默认显示模式。
+  **表**：以表的形式显示图例。
+  **隐藏**：隐藏图例。

**图例放置**：选择图例的放置位置。
+  **底部**：显示在图形下方。
+  **右**：显示在图形右侧。

**图例值**

选择要在图例中显示的[标准计算](v9-panels-calculation-types.md)。可以输入多个值。

# 表面板
<a name="v9-panels-table"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

表面板可视化非常灵活，支持时间序列、表、注释和原始 JSON 数据的多种模式。此面板还提供日期格式、值格式和着色选项。

## 对列排序
<a name="v9-panels-table-sort"></a>

单击列标题，将排序顺序从默认降序改为升序。每次单击时，排序顺序都会变为循环中的下一个选项。一次只能按一列排序。

## 表选项
<a name="v9-panels-table-options"></a>

**显示标题**

显示或隐藏从数据来源导入的列名称。

## 列宽
<a name="v9-panels-table-width"></a>

默认情况下，Grafana 会根据表大小和最小列宽自动计算列宽。此字段选项可以覆盖设置，并以像素为单位定义所有列的宽度。

例如，如果在字段中输入 `100`，则在字段外部单击时，所有列的宽度都将设置为 100 像素。

## 最小列宽
<a name="v9-panels-table-min"></a>

默认情况下，表列的最小宽度为 150 像素。该字段选项可以覆盖默认值，并以像素为单位定义表面板新的最小列宽。

例如，如果在字段中输入 `75`，则在字段外部单击时，所有列的宽度将缩放到不小于 75 像素。

对于小屏幕设备（如智能手机或平板电脑），您可以将默认 `150` 像素值减小为 `50`，以便在控制面板中正确渲染表面板。

## 列对齐方式
<a name="v9-panels-table-alignment"></a>

选择 Grafana 对齐单元格内容的方式：
+ 自动（默认）
+ 靠左对齐
+ 居中对齐
+ 靠右对齐

## 单元格类型
<a name="v9-panels-table-cell-type"></a>

默认情况下，Grafana 会自动选择显示设置。您可以选择以下选项之一来覆盖设置，为所有字段设置默认值。对于某些单元格类型，还可提供其他配置。

**注意**  
如果您在**字段**选项卡中进行设置，该类型将应用于所有字段，包括时间字段。您可以在**覆盖**选项卡中进行设置，以将更改应用于一个或多个字段。

**颜色文本**

如果设置了阈值，则字段文本将以相应的阈值颜色显示。

**彩色背景（渐变或纯色）**

如果设置了阈值，则字段背景将以相应的阈值颜色显示。

**计量表**

单元格可以显示为图形仪表，具有几种不同的表示类型。

**基本**

基本模式将显示一个简单的仪表，其阈值水平定义了仪表的颜色。

**渐变**

阈值水平定义渐变。

**LCD**

将仪表分成点亮或不点亮的小单元格。

**JSON 视图**

显示格式化为代码的值。如果值是对象，则允许浏览 JSON 对象的 JSON 视图在悬停时显示。

## 单元格值检查
<a name="v9-panels-table-cell-value"></a>

从表单元格启用值检查。原始值显示在模态窗口中。

**注意**  
仅当单元格显示模式设置为自动、彩色文本、彩色背景或 JSON 视图时，单元格值检查才可用。

## 列筛选器
<a name="v9-panels-table-col-filter"></a>

您可以暂时更改列数据的显示方式。例如，您可以按从高到低的顺序排列值，或者隐藏特定的值。有关更多信息，请查看以下[筛选表列](#v9-panels-table-filter)。

## 分页
<a name="v9-panels-table-pagination"></a>

使用此选项启用或禁用分页。这是一个前端选项，不影响查询。启用后，页面大小会自动调整为表的高度。

## 筛选表列
<a name="v9-panels-table-filter"></a>

如果打开**列筛选器**，可以筛选表选项。

**打开列筛选**

1. 在 Grafana 中，导航到表控制面板，其中包含要筛选的列。

1. 在要筛选的表面板上，打开面板编辑器。

1. 选择**字段**选项卡。

1. 在**表**选项中，打开**列筛选器**选项。

每个列标题旁边都会显示一个筛选器图标。

**筛选列值**

要筛选列值，请选择列标题旁边的筛选器（漏斗）图标。Grafana 会显示该列的筛选选项。

选中要显示的值旁边的复选框。在顶部的搜索字段中输入文本，在显示屏中显示这些值，这样您就可以从中选择，而不用滚动来查找。

**清除列筛选条件**

应用筛选条件的列在标题旁边会显示一个蓝色的漏斗。

要删除筛选条件，请选择蓝色漏斗图标，然后选择清除筛选条件。

## 表脚注
<a name="v9-panels-table-footer"></a>

您可以使用表脚注来显示字段的[计算](v9-panels-calculation-types.md)。

启用表脚注后，您可以选择**计算**，然后选择要计算的**字段**。

如果未选择字段，系统会将计算应用于所有数值字段。

**计算行数**

如果要显示数据集中的行数，而不是所选字段中的值数，请选择**计数**计算并启用**计算行数**。

# 文本面板
<a name="v9-panels-text"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

文本面板使您可以直接在控制面板中包含文本或 HTML。可将其用于添加上下文信息和描述或嵌入复杂的 HTML。

**Mode (模式)**

模式决定了嵌入内容的显示方式。具有以下选项
+ **Markdown**：此选项将内容格式化为 markdown。
+ **HTML**：此设置将内容渲染为经过清理的 HTML。
+ **代码**：此设置在只读代码编辑器中渲染内容。选择适当的语言，对嵌入文本应用语法突出显示。

**变量**

内容中的变量将展开以供显示。

# 时间序列面板
<a name="v9-panels-time-series"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

时间序列面板可将时间序列渲染成线条、点路径或条形图序列。这种类型的图形用途广泛，几乎可以显示任何时间序列数据。

**注意**  
您可以将图形面板可视化迁移到时间序列可视化。若要迁移，请在**面板**选项卡上，选择**时间序列可视化**。Grafana 会传输所有适用的设置。

**Topics**
+ [工具提示选项](v9-time-series-panel-tooltip.md)
+ [图例选项](v9-time-series-panel-legend.md)
+ [图形样式选项](v9-time-series-graph.md)
+ [轴选项](v9-time-series-axis.md)
+ [颜色选项](v9-time-series-color.md)

# 工具提示选项
<a name="v9-time-series-panel-tooltip"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

当您将光标悬停在图形上时，Grafana 可以显示工具提示。选择工具提示的行为方式：
+  **单个**：悬停工具提示仅显示您悬停在上面的序列。
+  **全部**：悬停工具提示显示图形中的所有序列。Grafana 在工具提示的序列列表中以粗体突出显示您悬停在上面的序列。
+  **隐藏**：不显示工具提示。

# 图例选项
<a name="v9-time-series-panel-legend"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

**图例模式**：选择图例的显示方式。
+  **列表**：以列表形式显示图例。这是默认值。
+  **表**：以表的形式显示图例。
+  **隐藏**：隐藏图例。

**图例放置**：选择是否显示图例。
+  **底部**：显示在图形下方。
+  **右**：显示在图形右侧。

**图例计算**

选择要在图例中显示的计算。有关更多信息，请参阅 [计算类型](v9-panels-calculation-types.md)。

# 图形样式选项
<a name="v9-time-series-graph"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

**图形样式**

可使用此选项定义如何显示时间序列数据。您可以使用覆盖在同一个图形中组合多种样式。这里有三个样式选项：其他一些样式选项仅适用于某些图形样式。
+ **线**：在图形上将时间序列显示为一条线。
+ **条形图**：将时间序列显示为图形上的一系列条形图，每个条形图对应一个数据点。
+ **点**：将时间序列显示为图形上的一系列点，每个点对应一个数据点。

**条形图对齐**

对于条形图，设置条形图相对于图形上绘制点的位置。由于条形图具有宽度，可将其放置在点的前面、后面或居中。选项包括**前**、**居中**或**后**。

**线宽**

设置折线图的线条粗细，或条形图中每个条的轮廓粗细。

**填充不透明度**

设置填充颜色的不透明度。例如，填充用于显示折线图中线条下方的区域，或用作条形图中条形的颜色。

**渐变模式**

渐变模式指定渐变填充，该填充基于序列颜色。要更改颜色，请使用标准颜色方案字段选项。有关更多信息，请参阅 [颜色方案](v9-panels-configure-standard-options.md#v9-panels-standard-options-color-scheme)。渐变模式选项包括：
+ **无**：无渐变填充。
+ **不透明度**：一种不透明度渐变，其中填充的不透明度随着 Y 轴值的增加而增加。
+ **色调**：一种基于序列色调的渐变。
+ **方案**：由您的颜色方案定义的颜色渐变。该设置可用于填充和线条。有关更多信息，请参阅 [颜色选项](v9-time-series-color.md)。

渐变外观也可以通过**填充不透明度**设置来修改。

**显示点**

您可以配置可视化以向折线图或条形图添加点。您可以选择**始终**、**从不**或**自动**。使用**自动**时，Grafana 会根据数据的密度来确定是否显示点。如果数据的密度足够低，则会显示点。

**点大小**

设置绘制点的大小，直径从 1 到 40 像素不等。

**线插值**

选择 Grafana 插入序列线的方式。选项包括**线性**、**平滑**、**前一步**和**后一步**。

**线型**

设置线条样式。要更改颜色，请使用标准颜色方案字段选项。

线条样式的外观受**线宽**和**填充不透明度**设置的影响。

线条样式的选项包括**实线**、**虚线**和**点线**。

**连接 null 值**

选择 null 值（数据中的图形）在图形上的显示方式。可以将空值连接起来形成一条连续的线，也可以设置一个阈值，如果超过该阈值，数据间隙将不再连接。您可以选择**从不**连接有间隙的数据点，**始终**连接有间隙的数据点，或者设置一个**阈值**，当达到该阈值时，数据间隙将不再连接。

**堆栈序列**

*堆叠*允许 Grafana 相互叠加显示序列。在可视化中使用堆叠时要小心，因为很容易创建误导性图形。要了解为什么堆叠可能不是最佳方法的更多信息，请参阅[堆叠问题](https://www.data-to-viz.com/caveat/stacking.html)。

堆叠选项包括：
+ **关闭**：关闭序列堆叠。
+ **正常**：将序列堆叠在一起。
+ **100%**：按百分比堆叠，其中所有序列相加为 100%。

**分组堆叠序列**

您可以覆盖堆叠行为以分组堆叠序列。有关创建覆盖的更多信息，请参阅 [配置字段覆盖](v9-panels-configure-overrides.md)。创建覆盖时，请指定您希望序列所属的堆叠组的名称。

**填充至下方**

**填充至下方**选项填充两个序列之间的区域。此选项仅以序列或字段覆盖形式提供。使用此选项，您可以填充两个序列之间的区域，而不是从序列线向下填充到 0。例如，如果您有两个名为 *Max* 和 *Min* 的序列，您可以选择 **Max** 序列并将其覆盖，以**填充至下方** **Min** 序列。这将仅填充两条序列线之间的区域。

# 轴选项
<a name="v9-time-series-axis"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

轴类别下的选项会更改 X 和 Y 轴的渲染方式。某些选项只有在您编辑的字段选项框外部单击后才会生效。也可以按 `Enter` 键。

**放置**

设置 Y 轴的放置。选项包括：
+ **自动**：Grafana 会自动为序列分配 Y 轴。当有两个或多个具有不同单位的序列时，Grafana 将左轴分配给第一个单位，将右轴分配给下一个单位。
+ **左**：在左侧显示所有 Y 轴。
+ **右**：在右侧显示所有 Y 轴。
+ **隐藏**：隐藏所有 Y 轴。

要为每个字段或序列分配轴，请[添加字段覆盖](v9-panels-configure-overrides.md)。

**标签**

设置 Y 轴文本标签。如果有多个 Y 轴，可使用覆盖分配不同的标签。

**Width (宽度)**

设置轴的固定宽度。默认情况下，Grafana 会动态计算轴的宽度。

通过设置轴的宽度，具有不同轴类型的数据可以共享相同的显示比例。此设置让您更容易比较多个图形的数据，因为轴在视觉上不会相互错位或拉伸。

**软最小值和软最大值**

设置**软最小值**或**软最大值**选项，以更好地控制 Y 轴限制。默认情况下，Grafana 会根据数据集自动设置 Y 轴的范围。

软最小值和软最大值设置允许在不存在重大更改时看到微小的变化。根据标准最小值和最大值字段选项得出硬最小值或最大值，可防止间歇性尖峰通过将尖峰剪过特定点来压平有用的细节。

要定义 Y 轴的硬限制，可以设置标准 min/max 选项。有关更多信息，请参阅[配置标准选项](v9-panels-configure-standard-options.md)。

**Scale**

设置 Y 轴刻度。选项包括**线性**或**对数**。如果选择对数，则可以进一步选择以 2 为底数或以 10 为底数的对数刻度。

**转换**

您可以覆盖序列以将转换应用于图表上的值（而不会影响基础值或工具提示、上下文菜单或图例中的值）。您有两个转换选项：
+ **负 Y 转换**：将结果翻转为 Y 轴上的负值。
+ **常量**：将第一个值显示为常量线。

# 颜色选项
<a name="v9-time-series-color"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

默认情况下，图形使用标准[颜色方案](v9-panels-configure-standard-options.md#v9-panels-standard-options-color-scheme)选项来指定序列颜色。您也可以通过单击图例序列颜色图标，使用图例打开颜色选取器。以这种方式设置颜色会自动创建覆盖规则，为特定序列设置特定颜色。

以下是可用于覆盖序列颜色默认值的其他选项。

**经典调色板**

最常见的设置是使用**经典调色板**绘制图形。此方案根据每个字段或序列的顺序自动为其分配颜色。如果查询中字段的顺序发生变化，颜色也会发生变化。您可以使用覆盖规则手动配置特定字段的颜色。

**单色**

使用此模式指定颜色。您还可以单击图例中每个序列旁边的彩色线条图标来打开颜色选取器。这将自动创建一个新的覆盖，将颜色方案设置为单色和选定颜色。

**按值颜色方案**

如果您选择按值配色方案，例如**从阈值（按值）**或 **Green-Yellow-Red （按值）**，则会出现 “**按系列着色**” 选项。此选项控制使用哪个值（最后一个、最小值、最大值）为序列指定颜色。

**方案渐变模式**

位于**图形样式**下方的**渐变模式**选项有一个名为 **Scheme** 的模式。启用 **Scheme** 时，线条或条形图会收到根据选定**方案**定义的渐变颜色。

**来自阈值**

如果将**颜色方案**设置为**来自阈值（按值）**，将**渐变模式**设置为**方案**，则线条或条形图颜色在超出定义的阈值时会发生变化。您只会看到在方案中选择的具体颜色。

**渐变颜色方案**

使用渐变颜色方案而*不*将**渐变模式**设置为**方案**，这意味着当序列中的值在设置的阈值之间移动时，所选颜色将在所选颜色之间形成渐变。

# 跟踪面板（测试版）
<a name="v9-panels-traces"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

*跟踪*是一种可视化方式，使您能够在请求遍历基础设施中的服务时跟踪和记录请求。

有关跟踪的更多信息，请参阅 [Explore 中的跟踪](v9-explore-tracing.md)。

# WindRose
<a name="v9-panels-windrose"></a>

****  
本文档主题专为支持 **Grafana 9.x 版本**的 Grafana 工作区而设计。  
对于支持 Grafana 10.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 10](using-grafana-v10.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

 WindRose 面板接收原始时间序列数据，转换数据并将其映射到 WindRose 图表中。

![\[WindRose panel with two circular charts showing wind direction and speed data distribution.\]](http://docs.aws.amazon.com/zh_cn/grafana/latest/userguide/images/windrose.png)


## 选项
<a name="v9-panels-windrose-options"></a>

该 WindRose 面板支持以下选项：
+ 轴频率
+ 轴样式（度数或指南针）
+ 刻度（线性、平方、对数）