菜单
Grafana Cloud Enterprise 开源

趋势

趋势可视化应用于具有非时间顺序数值 x 字段的数据集。示例包括函数图、转速/扭矩曲线、供需关系以及沿赛道的海拔或心率图(其中 x 表示距离或从起点算起的时间)。

例如,您可以表示发动机功率和扭矩与速度的关系,其中速度绘制在 x 轴上,功率和扭矩绘制在 y 轴上。

Trend engine power and torque curves

趋势可视化支持时间序列可视化中可用的所有视觉样式和选项,但有以下例外:

  • 无注解或时间区域
  • 无共享光标/十字准线
  • 无多时区 x 轴
  • 无法使用拖选更改仪表盘时间范围

配置选项

以下部分描述了面板编辑器窗格中此可视化可用的配置选项。这些选项尽可能按照它们在 Grafana 中的显示顺序排列。

面板选项

在面板编辑器窗格的“面板选项”部分,设置基本选项,例如面板标题和描述,以及面板链接。要了解更多信息,请参阅配置面板选项

X 轴选项

在“X 字段”选项中,选择一个包含递增数值的字段。

工具提示选项

工具提示选项控制在您将鼠标悬停在可视化中的数据点上时出现的信息叠加层。

选项描述
工具提示模式当您将光标悬停在可视化上时,Grafana 可以显示工具提示。选择工具提示的行为方式。
值排序顺序此选项控制值在工具提示中列出的顺序。
隐藏零值当您将“工具提示模式”设置为“全部”时,将显示“隐藏零值”选项。此选项控制在工具提示列表中是否显示值为 0 的序列。
悬停距离设置悬停距离(以像素为单位),以控制光标必须靠近数据点到何种程度才能触发工具提示显示。
最大宽度设置工具提示框的最大宽度。
最大高度设置工具提示框的最大高度。默认值为 600 像素。

工具提示模式

当您将光标悬停在可视化上时,Grafana 可以显示工具提示。选择工具提示的行为方式。

  • 单个 - 悬停工具提示仅显示单个序列,即您在可视化上悬停的序列。
  • 全部 - 悬停工具提示显示可视化中的所有序列。Grafana 在工具提示的序列列表中以粗体突出显示您悬停的序列。
  • 隐藏 - 在与可视化交互时,不显示工具提示。

使用覆盖来隐藏工具提示中的单个序列。

值排序顺序

当您将“工具提示模式”设置为“全部”时,将显示“值排序顺序”选项。此选项控制值在工具提示中列出的顺序。选择以下选项:

  • - Grafana 自动对工具提示中显示的值进行排序。
  • 升序 - 工具提示中的值按从小到大的顺序排列。
  • 降序 - 工具提示中的值按从大到小的顺序排列。

悬停距离

设置悬停距离(以像素为单位),以控制光标必须靠近数据点到何种程度才能触发工具提示显示。

Adding a hover proximity limit for tooltips

图例选项

图例选项控制图下方或右侧显示的序列名称和统计信息。有关图例的更多信息,请参阅配置图例

选项描述
可见性切换开关以开启或关闭图例。
模式使用这些设置来定义图例在可视化中的显示方式。**列表** 将图例显示为列表。这是图例的默认显示模式。**表格** 将图例显示为表格。
位置选择图例的显示位置。**底部** 将图例放置在图下方。**右侧** 将图例放置在图右侧。
宽度当图例放置在可视化右侧时,控制图例的宽度。此选项仅在您将图例位置设置为“右侧”时显示。
选择在图例中显示哪些标准计算。您可以选择多个。

图形样式选项

图形样式”部分下的选项可让您控制图形的整体外观,不包括颜色

选项描述
样式选择是将时间序列数据显示为“线条”、“条形”还是“”。
线条插值选择图形如何对序列线进行插值。
线条宽度使用“线条宽度”滑块设置序列线的粗细或条形的轮廓。
填充不透明度使用“填充不透明度”滑块设置序列区域填充颜色。
渐变模式选择一种渐变模式来控制基于序列颜色的渐变填充。
线条样式选择实线、虚线或点线样式。
连接空值选择空值(数据中的间隙)如何在图上显示。
断开值选择是否设置一个阈值,数据中高于该阈值的值应该断开连接。
显示点设置是否在线条或条形上显示数据点。
点大小设置点的大小,直径从 1 到 40 像素。
堆叠序列设置 Grafana 是否将序列堆叠显示。
条形对齐设置条形相对于数据点的位置。
条形宽度系数设置条形宽度相对于数据点之间最小空间的比例。系数 0.5 表示条形占用数据点之间可用空间的一半。系数 1.0 表示条形占用所有可用空间。

样式

选择是将时间序列数据显示为“线条”、“条形”还是“”。您可以使用覆盖在同一个图中组合多种样式。选择以下选项:

Style modes

线条插值

选择图形如何对序列线进行插值:

  • 线性 - 点之间通过直线连接。
  • 平滑 - 点之间通过平滑过渡的曲线连接。
  • 阶梯前 - 线条显示为点之间的阶梯。点呈现在阶梯的末尾。
  • 阶梯后 - 线条显示为点之间的阶梯。点呈现在阶梯的开头。

线条宽度

使用“线条宽度”滑块设置序列线的粗细或条形的轮廓。

填充不透明度

使用“填充不透明度”滑块设置序列区域填充颜色。

Fill opacity examples

渐变模式

选择一种渐变模式来控制基于序列颜色的渐变填充。要更改颜色,请使用标准颜色方案字段选项。有关更多信息,请参阅颜色方案

  • - 无渐变填充。这是默认设置。
  • 不透明度 - 填充不透明度随 y 轴值增加而增加的不透明度渐变。
  • 色相 - 基于序列颜色色相的微妙渐变。
  • 方案 - 由您的颜色方案定义的颜色渐变。此设置用于填充区域和线条。有关方案的更多信息,请参阅方案渐变模式

渐变外观受“填充不透明度”设置的影响。下图显示了“填充不透明度”设置为 50 的情况。

Gradient mode examples

方案渐变模式

图形样式”部分下的“渐变模式”选项有一个模式叫“方案”。当您启用“方案”时,线条或条形将获得根据所选“颜色方案”定义的渐变颜色。

基于阈值

如果“颜色方案”设置为“基于阈值(按值)”并且“渐变模式”设置为“方案”,则线条或条形颜色会在越过定义的阈值时发生变化。

Colors scheme: From thresholds
渐变颜色方案

下图显示了一个选择了“绿-黄-红(按值)”颜色方案选项的折线图。

Color scheme: Green-Yellow-Red

线条样式

选择实线、虚线或点线样式:

  • 实线 - 显示实线。这是默认设置。
  • 虚线 - 显示虚线。选择此选项时,会显示一个列表供您选择虚线的长度和间隙(长度,间隙)。虚线间距默认为 10, 10。
  • 点线 - 显示点线。选择此选项时,会显示一个列表供您选择点间距(长度 = 0,间隙)。点间距默认为 0, 10。

Line styles examples

连接空值

选择空值(数据中的间隙)如何在图上显示。空值可以连接形成连续线,或设置为一个阈值,高于该阈值的数据间隙不再连接。

  • 从不 - 数据中存在间隙的时间序列数据点从不连接。
  • 始终 - 数据中存在间隙的时间序列数据点始终连接。
  • 阈值 - 指定一个阈值,高于该阈值的数据间隙不再连接。当数据中的连接间隙具有已知大小和/或在已知范围内,而超出此范围的间隙不应再连接时,这会很有用。

断开值

选择是否设置一个阈值,数据中高于该阈值的值应该断开连接。

  • 从不 - 数据中的时间序列数据点从不断开连接。
  • 阈值 - 指定一个阈值,数据中高于该阈值的值会断开连接。当数据中的期望值具有已知大小和/或在已知范围内,而超出此范围的值不应再连接时,这会很有用。

要更改颜色,请使用标准颜色方案字段选项。

显示点

设置是否将数据点显示为线条或条形。选择以下选项:

  • 自动 - Grafana 根据数据的密度决定点的可见性。如果密度较低,则会显示点。
  • 始终 - 无论数据集密度如何,都显示点。
  • 从不 - 不显示点。

堆叠序列

设置 Grafana 是堆叠序列还是将序列显示在彼此之上。使用堆叠时请务必小心,因为它可能产生误导性的图表。要详细了解为什么堆叠可能不是最佳方法,请参阅堆叠的问题。选择以下选项:

  • 关闭 - 关闭序列堆叠。关闭时,所有序列在可视化中共享同一空间。
  • 正常 - 将序列堆叠在彼此之上。
  • 100% - 按百分比堆叠,所有序列总计为 100%。
按组堆叠序列

堆叠组选项仅作为覆盖项提供。有关创建覆盖项的更多信息,请参阅配置字段覆盖

  1. 编辑面板并单击“覆盖”。

  2. 为“堆叠序列”选项创建字段覆盖。

  3. 在堆叠模式下,单击“正常”。

  4. 命名您希望序列出现的堆叠组。

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

条形对齐

设置条形相对于数据点的位置。在下面的示例中,“显示点”设置为“始终”,这更容易看出此设置带来的差异。点不变,但条形相对于点发生变化。选择以下选项:

  • 之前 Bar alignment before icon **条形绘制在点之前。点位于条形的后角。**
  • 居中 Bar alignment center icon **条形绘制在点周围。点位于条形中心。这是默认设置。**
  • 之后 Bar alignment after icon **条形绘制在点之后。点位于条形的前角。**

轴选项

”部分下的选项控制 x 轴和 y 轴的渲染方式。某些选项在您单击正在编辑的字段选项框之外之前不会生效。您也可以按 Enter 键。

选项描述
位置选择 y 轴的位置。选择范围包括:“自动”、“左侧”、“右侧”和“隐藏”。
标签设置 y 轴文本标签。如果您有多个 y 轴,则可以使用覆盖分配不同的标签。
宽度设置轴的固定宽度。默认情况下,Grafana 会动态计算轴的宽度。
显示网格线设置轴网格线的可见性。选择范围包括:“自动”、“开启”和“关闭”。
颜色设置轴的颜色。选择范围包括:
  • 文本 - 使用面板文本颜色。
  • 序列 - 使用序列的颜色。
显示边框设置轴边框的可见性。
刻度设置 y 轴值刻度。选择范围包括:“线性”、“对数”和“对称对数”。
居中零值设置 y 轴使其以零为中心。适用于“线性”或“对称对数”刻度选项。
软最小值设置软最小值以更好地控制 y 轴限制。
软最大值设置软最大值以更好地控制 y 轴限制。
位置

选择 y 轴的位置。选择以下选项:

  • 自动 - 自动为序列分配 y 轴。当有两个或更多具有不同单位的序列时,Grafana 将左轴分配给第一个单位,将右轴分配给随后的单位。
  • 左侧 - 在左侧显示所有 y 轴。
  • 右侧 - 在右侧显示所有 y 轴。
  • 隐藏 - 隐藏所有轴。要选择性地隐藏轴,请添加字段覆盖,以针对特定字段。
刻度

设置 y 轴值刻度。选择范围包括:

  • 线性 - 将刻度线划分为等距部分。
  • 对数 - 使用对数刻度。如果您选择此选项,请在“对数底数”列表中选择二进制(底数 2)或常用(底数 10)对数刻度。
  • 对称对数 - 使用对称对数刻度。如果您选择此选项,还请选择:
    • 对数底数 - 选择二进制(底数 2)或常用(底数 10)对数刻度。
    • 线性阈值 - 设置刻度从线性变为对数的阈值。
软最小值和软最大值

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

软最小值”和“软最大值”设置可以防止数据大部分平坦时微小变化被放大。相比之下,硬最小值和最大值有助于防止通过裁剪超过特定点的间歇性峰值来掩盖数据中的有用细节。

要定义 y 轴的硬限制,请设置标准最小/最大值选项。有关更多信息,请参阅配置标准选项

标准选项

面板编辑器窗格中的“标准选项”可让您更改字段数据在可视化中的显示方式。当您设置标准选项时,更改将应用于所有字段或序列。要更精细地控制字段显示,请参阅配置覆盖项

选项描述
单位选择字段应使用的单位。
最小值/最大值设置百分比阈值计算中使用的最小值和最大值,或将这些字段留空以便自动计算。
字段最小值/最大值启用“字段最小值/最大值”以让 Grafana 根据字段的最小或最大值,单独计算每个字段的最小或最大值。
小数位数指定 Grafana 在渲染值中包含的小数位数。
显示名称设置所有字段的显示标题。您可以在字段标题中使用变量。
颜色方案为整个可视化设置单色或多色。
无值输入如果字段值为空或 null,Grafana 应显示的内容。默认值为连字符 (-)。

要了解更多信息,请参阅配置标准选项

数据链接允许您链接到其他面板、仪表盘和外部资源,而操作允许您触发基本的、无需认证的 API 调用。在这两种情况下,您都可以在保持源面板上下文的同时执行这些任务。

对于每个数据链接,设置以下选项:

  • 标题
  • URL
  • 在新标签页中打开
  • 单击打开 - 单击即可打开数据链接。一次只能有一个数据链接启用“单击打开”。

对于每个操作,定义以下 API 调用设置:

选项描述
标题操作的易读标签,将在 UI 中显示。
确认消息描述性提示,用于确认或取消操作。
方法POSTPUTGET 中选择。
URL请求 URL。

要添加变量,请在“URL”字段中单击并输入 $ 或按 Ctrl+Space 或 Cmd+Space 查看可用变量列表。

查询参数对。单击 + 图标可根据需要添加任意数量的键值对。
请求头对以及 Content-Type 组成。

单击 + 图标可根据需要添加任意数量的键值对。

内容类型从以下选项中选择:application/jsontext/plainapplication/XMLapplication/x-www-form-urlencoded
请求体请求的主体。

要了解更多信息,请参阅配置数据链接和操作

值映射

值映射是一种可用于更改数据在可视化中显示方式的技术。

对于每个值映射,设置以下选项:

  • 条件 - 选择要映射到显示文本和(可选)颜色的内容:
    • - 特定值
    • 范围 - 数值范围
    • 正则表达式 - 正则表达式
    • 特殊 - 特殊值,如 NullNaN(非数字)或布尔值,如 truefalse
  • 显示文本
  • 颜色(可选)
  • 图标(仅限 Canvas)

要了解更多信息,请参阅配置值映射

阈值

阈值是您为指标设置的一个值或限制,当达到或超过该值或限制时,将在视觉上反映出来。阈值是根据查询结果有条件地设置可视化样式和颜色的方法之一。

对于每个阈值,设置以下选项:

选项描述
设置每个阈值的值。
阈值模式从“绝对值”和“百分比”中选择。
显示阈值从各种显示选项中选择,包括完全不显示阈值。

要了解更多信息,请参阅配置阈值

字段覆盖

覆盖允许您为特定字段或序列自定义可视化设置。当您添加覆盖规则时,它会针对特定的字段集,并允许您定义该字段的多种显示选项。

选择以下覆盖选项:

选项描述
按名称选择字段从所有可用字段列表中选择一个字段。
按与正则表达式匹配的名称选择字段使用正则表达式指定要覆盖的字段。
按类型选择字段按类型选择字段,例如字符串、数字或时间。
按查询返回的字段选择特定查询返回的所有字段,例如 A、B 或 C。
按值选择字段选择由您定义的归约器条件返回的所有字段,例如“最小值”、“最大值”、“计数”、“总计”。

要了解更多信息,请参阅配置字段覆盖