

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

# 时间序列面板
<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** 时，线条或条形图会收到根据选定**方案**定义的渐变颜色。

**来自阈值**

如果将**颜色方案**设置为**来自阈值（按值）**，将**渐变模式**设置为**方案**，则线条或条形图颜色在超出定义的阈值时会发生变化。您只会看到在方案中选择的具体颜色。

**渐变颜色方案**

使用渐变颜色方案而*不*将**渐变模式**设置为**方案**，这意味着当序列中的值在设置的阈值之间移动时，所选颜色将在所选颜色之间形成渐变。