

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

# 时间序列
<a name="v10-panels-time-series"></a>

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

![\[显示 Grafana 中时间序列可视化示例的图像。\]](http://docs.aws.amazon.com/zh_cn/grafana/latest/userguide/images/viz/time_series_example.png)


时间序列可视化是将时间序列数据可视化为图形的默认和主要方式。可将序列渲染为直线、点或条形。其用途广泛，几乎可以显示任何时间序列数据。

**注意**  
您可以将图形面板可视化迁移到时间序列可视化。若要迁移，请在**面板**选项卡上，选择**时间序列可视化**。Grafana 会传输所有适用的设置。

**Topics**
+ [工具提示选项](v10-time-series-panel-tooltip.md)
+ [图例选项](v10-time-series-panel-legend.md)
+ [图形样式](v10-time-series-graph.md)
+ [轴选项](v10-time-series-axis.md)
+ [颜色选项](v10-time-series-color.md)

# 工具提示选项
<a name="v10-time-series-panel-tooltip"></a>

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

工具提示选项控制将鼠标悬停在图形中的数据点上时显示的信息叠加。

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

# 图例选项
<a name="v10-time-series-panel-legend"></a>

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

图例选项控制显示在图形下方或右侧的序列名称和统计数据。

**图例模式**

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

**图例放置**

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

**图例值**

选择要在图例中显示的[标准计算](v10-panels-calculation-types.md)。可以有多个。

# 图形样式
<a name="v10-time-series-graph"></a>

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

可使用此选项定义如何显示时间序列数据。您可以使用覆盖在同一个图形中组合多种样式。
+ **线**：在图形上将时间序列显示为一条线。
+ **条形图**：将时间序列显示为图形上的一系列条形图，每个条形图对应一个数据点。
+ **点**：将时间序列显示为图形上的一系列点，每个点对应一个数据点。

## 条形图对齐
<a name="v10-time-series-graph-bar"></a>

设置条形图相对于数据点的位置（该点将绘制在图形上）。由于条形图具有宽度，可将其放置在点的前面、后面或居中。适用的选项包括：
+ ![\[An image showing a bar graph aligned before a point.\]](http://docs.aws.amazon.com/zh_cn/grafana/latest/userguide/images/viz/bar-alignment-before.png) **前**：条形图绘制在点之前。该点放置在条形图的尾角。
+ ![\[An image showing a bar graph aligned around a point.\]](http://docs.aws.amazon.com/zh_cn/grafana/latest/userguide/images/viz/bar-alignment-center.png) **居中**：条形图围绕该点绘制。该点放置在条形图的中央。这是默认值。
+ ![\[An image showing a bar graph aligned after a point.\]](http://docs.aws.amazon.com/zh_cn/grafana/latest/userguide/images/viz/bar-alignment-after.png) **后**：条形图绘制在点之后。该点放置在条形图的前角。

## 线宽
<a name="v10-time-series-graph-linewidth"></a>

线宽是一个滑块，用于控制系列线条的粗细或条形图的轮廓。

## 填充不透明度
<a name="v10-time-series-graph-fill"></a>

设置填充颜色的不透明度。例如，填充用于显示折线图中线条下方的区域，或用作条形图中条形的颜色。

## 渐变模式
<a name="v10-time-series-graph-gradient"></a>

渐变模式指定渐变填充，该填充基于序列颜色。要更改颜色，请使用标准颜色方案字段选项。有关更多信息，请参阅 [颜色方案](v10-panels-configure-standard-options.md#v10-panels-standard-options-color-scheme)。

渐变模式选项包括：
+ **无**：无渐变填充。这是默认设置。
+ **不透明度**：一种不透明度渐变，其中填充的不透明度随着 Y 轴值的增加而增加。
+ **色调**：一种基于序列色调的微渐变。
+ **方案**：由您的颜色方案定义的颜色渐变。该设置用于填充区域和线条。有关更多信息，请参阅 [颜色选项](v10-time-series-color.md)。

渐变外观受**填充不透明度**设置的影响。

## 显示点
<a name="v10-time-series-graph-showpoints"></a>

您可以使用以下选项将可视化配置为向线条或条形图添加点。
+ **自动**：Grafana 根据数据的密度决定是否显示点。当密度较低时，
+ **始终**：无论数据密度如何，都会显示点。
+ **从不**：不显示点。

## 点大小
<a name="v10-time-series-graph-pointsize"></a>

设置点的大小，直径从 1 到 40 像素不等。

## 线插值
<a name="v10-time-series-graph-interpolation"></a>

选择 Grafana 插入序列线的方式。

![\[显示 Grafana 中在点之间绘制线条的不同方式的图像。\]](http://docs.aws.amazon.com/zh_cn/grafana/latest/userguide/images/viz/line-interpolation.png)


选项包括：
+ **线性**：点由直线连接。
+ **平滑**：点由曲线连接，曲线可平滑点之间的过渡。
+ **前一步**：线条显示为点之间的步长。点在步结束时渲染。
+ **后一步**：线条显示为点之间的步长。点在步开始时渲染。

## 线型
<a name="v10-time-series-graph-linestyle"></a>

设置线条样式。要更改颜色，请使用标准颜色方案字段选项。

线条样式的选择有：
+ **实线**：显示实线。这是默认设置。
+ **虚线**：显示虚线。选择此选项时，会出现一个列表，供您选择虚线的长度和间隙（长度、间隙）。默认情况下，虚线间距设置为 10。
+ **点**：显示虚线。选择此选项时，会出现一个列表，供您选择点间距的间隙长度。默认情况下，点间距设置为 10。

## 连接 null 值
<a name="v10-time-series-graph-null"></a>

选择 null 值（数据中的间隙）在图形上的显示方式。可将 null 值连接起来形成一条连续的线，也可以设置一个阈值，如果超过该阈值，数据间隙将不再连接。

连接 null 值的选项有：
+ **从不**：数据中存在间隙的时间序列数据点从不连接。
+ **始终**：数据中存在间隙的时间序列数据点始终连接。
+ **阈值**：指定一个阈值，如果超过该阈值，数据间隙将不再连接。当数据中连接的间隙大小已知或在已知范围内时，这种方法会很有用，超出此范围的间隙不应再连接。

## 断开值连接
<a name="v10-time-series-graph-disconnect"></a>

选择是否在数据中的值之间添加间隔，以使这些值之间的间隔超过指定的阈值。

断开值连接的选项有：
+ **从不**：时间序列数据点从不断开连接。
+ **阈值**：指定一个阈值，如果超过该阈值，数据中的值将断开连接。当数据中所需的值具有已知的大小或在已知范围内时，这种方法会很有用，超出此范围的值不应再连接。

## 堆栈序列
<a name="v10-time-series-graph-stack"></a>

*堆叠*允许 Grafana 相互叠加显示序列。在可视化中使用堆叠时要小心，因为很容易创建误导性图形。要了解为什么堆叠可能不是最佳方法的更多信息，请参阅[堆叠问题](https://www.data-to-viz.com/caveat/stacking.html)。

堆叠的选项有：
+ **关闭**：关闭序列堆叠。
+ **正常**：将序列堆叠在一起。
+ **100%**：按百分比堆叠，其中所有序列相加为 100%。

**分组堆叠序列**

您可以覆盖堆叠行为以分组堆叠序列。有关创建覆盖的更多信息，请参阅 [配置字段覆盖](v10-panels-configure-overrides.md)。

**分组堆叠序列**

1. 编辑面板并选择**覆盖**。

1. 为**堆栈系列**选项创建字段覆盖。

1. 在堆叠模式下，选择**正常**。

1. 为您希望序列显示在其中的堆叠组命名。

   堆叠组名称选项仅在您创建覆盖时可用。

## 填充至下方
<a name="v10-time-series-graph-fillbelow"></a>

**填充至下方**选项填充两个序列之间的区域。此选项仅以序列或字段覆盖形式提供。

使用此选项，您可以填充两个序列之间的区域，而不是从序列线向下填充到 0。例如，如果您有两个名为 *Max* 和 *Min* 的序列，您可以选择 *Max* 序列并将其覆盖，以**填充至下方** *Min* 序列。这将仅填充两条序列线之间的区域。

# 轴选项
<a name="v10-time-series-axis"></a>

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

轴类别下的选项会更改 x 和 y 轴的渲染方式。某些选项只有在您编辑的字段选项框外部单击后才会生效。也可以按 `Enter` 键。

## 时区
<a name="v10-time-series-axis-timezone"></a>

设置要沿 x 轴显示的所需时区。

## 放置
<a name="v10-time-series-axis-placement"></a>

设置 Y 轴的放置。选项包括：
+ **自动**：自动为序列分配 y 轴。当有两个或多个具有不同单位的序列时，Grafana 将左轴分配给第一个单位，将右轴分配给下一个单位。
+ **左**：在左侧显示所有 y 轴。
+ **右**：在右侧显示所有 y 轴。
+ **隐藏**：隐藏所有轴。

要有选择地隐藏轴，请针对特定字段[添加字段覆盖](v10-panels-configure-overrides.md)。

## 标签
<a name="v10-time-series-axis-label"></a>

设置 y 轴文本标签。如果有多个 y 轴，可使用覆盖分配不同的标签。

## 宽度
<a name="v10-time-series-axis-width"></a>

设置轴的固定宽度。默认情况下，Grafana 会动态计算轴的宽度。

通过设置轴的宽度，具有不同轴类型的数据可以共享相同的显示比例。此设置让您更容易比较多个图形的数据，因为轴在视觉上不会相互错位或拉伸。

## 显示网格线
<a name="v10-time-series-axis-gridlines"></a>

设置轴网格线的可见性。
+ **自动**：根据数据的密度自动显示网格线。
+ **开**：始终显示网格线。
+ **关**：从不显示网格线。

## 颜色
<a name="v10-time-series-axis-color"></a>

设置轴的颜色
+ **文本**：根据主题文本颜色设置颜色。
+ **序列**：根据序列颜色设置颜色。

## 显示边框
<a name="v10-time-series-axis-border"></a>

设置轴边框的可见性。

## 比例尺
<a name="v10-time-series-axis-scale"></a>

设置 y 轴刻度。
+ **线性**：将刻度分成相等的部分。
+ **对数**：使用对数刻度。选择此选项时，会出现一个列表，供您选择二进制（以 2 为基数）或通用（以 10 为基数）对数刻度。
+ **Symlog**：使用对称的对数刻度。选择此选项时，会出现一个列表，供您选择二进制（以 2 为基数）或通用（以 10 为基数）对数刻度。线性阈值选项允许您设置刻度从线性变为对数的阈值。

## 居中零点
<a name="v10-time-series-axis-centered"></a>

将 y 轴设置为居中零点。

## 软最小值和软最大值
<a name="v10-time-series-axis-softminmax"></a>

设置**软最小值**或**软最大值**选项，以更好地控制 y 轴限制。默认情况下，Grafana 会根据数据集自动设置 y 轴的范围。

软最小值和软最大值设置可防止数据中的微小变化在基本平坦时被放大。相比之下，硬最小值和最大值有助于通过将间歇性尖峰剪过特定点来防止掩盖数据中的有用细节。

要定义 y 轴的硬限制，请设置标准 min/max 选项。有关更多信息，请参阅[配置标准选项](v10-panels-configure-standard-options.md)。

## 转换
<a name="v10-time-series-axis-transform"></a>

使用此选项可转换序列值，而不会影响工具提示、上下文菜单或图例中显示的值。您有两个转换选项：
+ **负 Y 转换**：将结果翻转为 Y 轴上的负值。
+ **常量**：将第一个值显示为常量线。

**注意**  
转换选项只能作为覆盖选项使用。

## 显示多个 y 轴
<a name="v10-time-series-axis-multiple"></a>

在某些情况下，您希望显示多个 y 轴。例如，如果您有一个数据集，显示一段时间内的温度和湿度，则可能需要为这两个序列显示两个具有不同单位的 y 轴。

要显示多个 y 轴，请[添加字段覆盖](v10-panels-configure-overrides.md#v10-panels-overrides-add-a-field)。根据需要多次执行这些步骤，以添加任意数量的 y 轴。

# 颜色选项
<a name="v10-time-series-color"></a>

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

默认情况下，图形使用标准[颜色方案](v10-panels-configure-standard-options.md#v10-panels-standard-options-color-scheme)选项来指定序列颜色。您也可以通过选择图例序列颜色图标，使用图例打开颜色选取器。以这种方式设置颜色会自动创建覆盖规则，为特定序列设置特定颜色。

以下是可用于覆盖序列颜色默认值的其他选项。

## 经典调色板
<a name="v10-time-series-color-classic"></a>

最常见的设置是使用**经典调色板**绘制图形。此方案根据每个字段或序列的顺序自动为其分配颜色。如果查询中字段的顺序发生变化，颜色也会发生变化。您可以使用覆盖规则手动配置特定字段的颜色。

## 单色
<a name="v10-time-series-color-single"></a>

使用此模式指定颜色。您还可以选择图例中每个序列旁边的彩色线条图标来打开颜色选取器。这将自动创建一个新的覆盖，将颜色方案设置为单色和选定颜色。

## 按值颜色方案
<a name="v10-time-series-color-byvalue"></a>

如果您选择按值配色方案，例如**从阈值（按值）**或 **Green-Yellow-Red （按值）**，则会出现 “**按系列着色**” 选项。此选项控制使用哪个值（最后一个、最小值、最大值）为序列指定颜色。

## 方案渐变模式
<a name="v10-time-series-color-gradient"></a>

位于**图形样式**下方的**渐变模式**选项有一个名为 **Scheme** 的模式。启用 **Scheme** 时，线条或条形图会收到根据选定**方案**定义的渐变颜色。

**来自阈值**

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

**渐变颜色方案**

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