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

# 图形面板
<a name="graph-panel"></a>

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

图形面板可以呈现为直线、点路径或一系列条形。这种类型的图形用途广泛，几乎可以显示任何时间序列数据。

## 数据和字段选项
<a name="graph-panel-data-and-field-options"></a>

使用图形可视化时，可以应用以下选项：
+  [转换](panel-transformations.md) 
+ 警报。这是唯一允许设置警报的可视化类型。有关更多信息，请参阅 [Grafana Alerting](alerts-overview.md)。
+  [Thresholds](thresholds.md) 

## 显示选项
<a name="graph-panel-display-options"></a>

使用以下设置来优化可视化效果：
+  **条形图**：将值显示为条形图。
+  **折线图**：将值显示为折线图。
+  **线宽**：指定序列的线条宽度。默认 为 1。
+  **阶梯**：将相邻的点绘制成阶梯。
+  **区域填充**：指定序列的颜色填充量。默认值为 1，0 表示没有颜色。
+  **填充渐变**：指定区域填充的渐变程度。默认值为 0，表示没有渐变，10 表示急剧的渐变。
+  **点数**：显示值的点数。
+  **点半径**：控制点的大小。
+  **警报阈值**：在面板上显示警报阈值和区域。

### 堆叠和空值
<a name="stacking-and-null-value"></a>
+  **堆叠**：每个序列堆叠在另一个序列之上。
+  **百分比**：每个序列按所有序列总计的百分比绘制。选择**堆叠**后，此选项可用。
+  **空值**：指定空值的显示方式。*这是一项重要的设置。*请参阅下面的注释。
  +  **连接**：如果序列中存在间隙（即一个或多个空值），该行将跳过间隙并连接到下一个非空值。
  +  **空值** 如果序列中存在间隙（即空值），则图表中的直线将被打断并显示间隙。这是默认设置。
  +  **空值为零**：如果序列中存在间隙（即空值），则间隙将在图形面板中显示为零值。

**重要**  
如果您正在监视服务器的 CPU 负载并且负载达到 100%，则服务器将锁定，发送统计信息的代理将无法收集负载统计信息。这会导致指标中存在间隙，使用默认的*空值*设置意味着 Amazon Managed Grafana 将显示间隙并指明出现了问题。如果将其设置为*连接*，则很容易错过此信号。

### 悬停工具提示
<a name="graph-panel-hover-tooltip"></a>

使用这些设置可以更改工具提示的外观，该工具提示会在您将光标悬停在图形可视化效果上时出现。
+  **模式**：确定悬停工具提示显示的序列数量。
  +  **全部序列**：悬停工具提示显示图形中的所有序列。在工具提示的序列列表中，Grafana 工作区以粗体突出显示光标悬停在其上方的序列。
  +  **单个**：悬停工具提示仅显示一个序列，即图形中光标悬停在其上方的序列。
+  **排序顺序**：如果选择**所有序列**模式，则会对悬停工具提示中的序列排序。当光标悬停在图形上时，Amazon Managed Grafana 会显示与线条相关的值。通常，用户最感兴趣的是最高值或最低值。对这些值进行排序可以更轻松地找到所需的数据。
  +  **无**：工具提示中序列的顺序由查询中的排序顺序决定。例如，您可以按序列名称的字母顺序对序列排序。
  +  **递增**：悬停工具提示中的序列按值以递增顺序排序，最低值位于列表顶部。
  +  **递减**：悬停工具提示中的序列按值以递减顺序排序，最高值位于列表顶部。

## 序列覆盖
<a name="graph-panel-series-overrides"></a>

序列覆盖允许图形面板中的序列以与其他序列不同的方式呈现。您可以为每个序列自定义不同显示选项，也可以使用正则表达式规则来自定义显示选项。例如，可以将某个序列的线宽加粗，使其突出，或者将其移至 Y 轴右侧。

您可以添加多个序列覆盖。

**添加序列覆盖**

1. 选择**添加序列覆盖**。

1. 在**别名或正则表达式**中，键入或选择一个序列。选择字段以查看可用序列列表。

   例如，`/Network.*/` 将与名为 `Network out` 和 `Network in` 的两个序列匹配。

1. 选择 **\$1**，然后选择要应用于该序列的样式。您可以向每个条目添加多个样式。
+  **条形图**：将序列显示为条形图。
+  **折线图**：将序列显示为折线图。
+  **线条填充**：显示带有区域填充的折线图。
+  **填充渐变**：指定区域填充渐变量。
+  **线宽**：设置线宽。
+  **空值点模式**：使用此选项可以忽略空值或将其替换为零。如果要忽略数据中的间隙，此选项很重要。
+  **填充至下方**：填充两个序列之间的区域。
+  **阶梯线**：将序列显示为阶梯线。
+  **短横线**：显示带有短横线的线条。
+  **隐藏序列**：隐藏序列。
+  **短横线长度**：设置线条中短横线的长度。
+  **短横线间距**：设置线条中短横线之间的空格长度。
+  **点**：将序列显示为单独的点。
+  **点半径**：设置点渲染的半径。
+  **堆栈**：设置序列的堆栈组。
+  **颜色**：设置序列颜色。
+  **Y 轴**：设置序列 y 轴。
+  **Z 索引**：设置序列 z 索引（渲染顺序）。当您叠加不同的样式（例如条形图和面积图）时，此选项非常重要。
+  转换：将值转换为负值以在 y 轴下方呈现。
+  **图例**：控制序列是否显示在图例中。
+  **在工具提示中隐藏**：控制序列是否显示在图表工具提示中。

## 轴
<a name="graph-panel-axes"></a>

使用这些选项来控制可视化中轴的显示。

### 向左 Y/Right Y
<a name="left-yright-y"></a>

两个 y 轴的选项相同。
+  **显示**：选择显示或隐藏轴。
+  **单位**：选择 y 值的显示单位。
+  **刻度**：选择用于 y 值的刻度：**线性**或**对数**。默认值为**线性**。
+  **Y 最小值**：y 的最小值。默认值为 **auto**。
+  **Y 最大值**：y 的最大值。默认值为 **auto**。
+  **小数**：定义 y 值显示的小数位数。默认值为 **auto**。
+  **标签**：指定 y 轴标签。默认值为“"”。

### Y 轴
<a name="y-axes"></a>
+  **对齐**：按值对齐左右的 y 轴。默认为未选中/false。
+  **级别**：输入用于左右 y 轴对齐的值，从 Y=0 开始。默认值是 0。选择**对齐**后，此选项可用。

### X 轴
<a name="x-axis"></a>
+  **显示**：选择显示或隐藏轴。
+  **模式**：显示模式完全改变了图形面板的可视化效果。就像三个面板合而为一。主要模式是时间序列模式，而且 x 轴上显示了时间。另外两种模式包括基本的条形图模式（在 x 轴上显示序列而不是时间）和直方图模式。
  +  **时间**（默认值）：x 轴表示时间，数据按时间（例如，按小时或分钟）分组。
  +  **序列**：数据按序列分组，而不是按时间分组。y 轴仍然代表值。
    +  **值**：这是用于值的聚合类型。默认值为**合计**（将值相加）。
  +  **直方图**：此选项将图形转换为直方图。直方图是一种将数字分组为范围的条形图，通常称为桶或箱。条形越高表示该范围内的数据越多。

    有关此直方图的更多信息，请参阅 [直方图和热图简介](getting-started-grafanaui.md#introduction-to-histograms-and-heatmaps)。
    +  **桶**：设置要按其对值进行分组的桶数量。如果留空，Amazon Managed Grafana 会尝试计算合适的桶数量。
    +  **X 最小值**：筛选出直方图中小于此最小限制的值。
    +  **X 最大值**：筛选出大于此最大限制的值。

## 图例
<a name="graph-panel-legend"></a>

使用这些设置可以优化图例在可视化中的显示方式。

### 选项
<a name="graph-panel-legends-options"></a>
+  **显示**：清除以隐藏图例。默认选中（true）。
+  **作为表**：选择此选项可在表中显示图例。默认选中（true）。
+  **向右**：选择后可在右侧显示图例。
+  宽度：输入图例的最小宽度（以像素为单位）。选择**右对齐**后，此选项可用。

### 值
<a name="graph-panel-values"></a>

可以在图例名称旁边显示其他值。
+  **最小值**：指标查询返回的最小值。
+  **最大值**：指标查询返回的最大值。
+  **平均值**：指标查询返回的平均值。
+  **当前值**：从指标查询返回的最后一个值。
+  **总计**：从指标查询返回的所有值的总和。
+  **小数**：图例值和图形悬停工具提示显示的小数位数。

Amazon Managed Grafana 会计算客户端的图例值。这些图例值取决于指标查询使用的聚合类型或点合并类型。以上所有图例值不能同时正确。

例如，如果您绘制请求/秒之类的速率（可能使用平均值作为聚合器），则图例中的总数将不代表请求总数。这是 Amazon Managed Grafana 收到的所有数据点的总和。

### 隐藏序列
<a name="graph-panel-hide-series"></a>

当指标查询中某个序列的所有值均为特定值时，则隐藏序列。
+  **只有空值**：value=NULL（默认为未选中）
+  **只有零**：value=Zero（默认为未选中）

### 时间区域
<a name="graph-panel-time-regions"></a>

您可以在图形上突出显示特定的时间区域，以便于查看，例如周末、工作时间和下班时间。所有配置的时间区域均以 UTC 时间为准。