图表 + 单一状态可视化

图表 + 单一状态视图显示指定的时间序列为折线图，并叠加最近的单一值作为一个大的数字值。

从左上角的可视化下拉菜单中选择 图表 + 单个状态 选项。

图形 + 单一状态行为

图表可视化为查询数据集中的每个表（或系列）分配颜色代码。当存在多个系列时，它会根据所选的 线条颜色选项 自动分配颜色。

单一统计可视化显示单个数值数据点。 它使用查询返回的第一个表（或系列）中的最新点。

图表 + 单一状态控制

要查看 图形 + 单一状态 控件，请点击 自定义，位于可视化下拉菜单旁边。

数据

• X 列: 选择一个列在 x 轴上显示。
• Y 列: 选择一个列以显示在 y 轴上。
• 时间格式: 选择时间格式。选项包括:
  • YYYY-MM-DD HH:mm:ss ZZ
  • YYYY-MM-DD hh:mm:ss a ZZ
  • DD/MM/YYYY HH:mm:ss.sss
  • DD/MM/YYYY hh:mm:ss.sss a
  • MM/DD/YYYY HH:mm:ss.sss
  • MM/DD/YYYY hh:mm:ss.sss a
  • YYYY/MM/DD HH:mm:ss
  • YYYY/MM/DD hh:mm:ss a
  • HH:mm
  • hh:mm a
  • HH:mm:ss
  • hh:mm:ss a
  • HH:mm:ss ZZ
  • hh:mm:ss a ZZ
  • HH:mm:ss.sss
  • hh:mm:ss.sss a
  • MMMM D, YYYY HH:mm:ss
  • MMMM D, YYYY hh:mm:ss a
  • dddd, MMMM D, YYYY HH:mm:ss
  • dddd, MMMM D, YYYY hh:mm:ss a

选项

• 线条颜色: 选择一个配色方案来用于您的图表。
• 悬停维度: 选择在图表上悬停时要显示在工具提示中的数据：
  • 自动 或 X 轴: 显示所有具有相同 x 值的点沿 y 轴。
  • Y 轴: 显示所有具有相同 y 值的点沿 x 轴。
  • X & Y 轴: 仅显示当前悬停的点。
• 图表下方区域阴影: 在图表线下面的区域添加阴影。

X 轴

• 生成X轴刻度标记: 选择生成x轴刻度标记的方法：
  • 自动: 选择自动生成刻度标记。
  • 自定义: 要自定义x轴刻度标记的数量，请选择此选项，然后输入以下内容：
    • 总刻度标记: 输入要显示的刻度总数。
    • 刻度标记起始于: 输入开始刻度的值。
    • 刻度标记间隔: 输入每个刻度之间的间隔。

Y 轴

• Y轴标签: y轴的标签。
• Y 值单位前缀:
  • 无: 无前缀。
  • 国际单位制: 国际单位制 (SI) 或公制前缀。
  • 二进制: 二进制倍数前缀。
• Y 轴前缀: 要添加到 y 值的前缀。
• Y轴后缀: 要添加到y值的后缀。
• 生成Y轴刻度标记: 选择生成y轴刻度标记的方法:
  • 自动: 选择自动生成刻度标记。
  • 自定义: 要自定义y轴刻度标记的数量，请选择此选项，然后输入以下内容:
    • 总刻度标记: 输入要显示的刻度总数。
    • 刻度标记起始值: 输入刻度的起始值。
    • 刻度标记间隔: 输入每个刻度之间的间隔。
• Y轴范围: Y轴的值范围。
  • 自动: 根据数据集中的值自动确定值范围。
  • 自定义: 通过同时包含最小y轴值、最大y轴值或范围手动指定。
    • 最小值: 最小y轴值。
    • 最大值: 最大y轴值。
• 定位:
  • 叠加: 图形线条相互叠加显示。
  • 堆叠: 图形线条呈堆叠在彼此之上显示。

自定义单一状态

• 前缀: 要添加到单个统计数据的前缀。
• 后缀: 要添加到单个统计数据的后缀。
• 小数位数: 要显示的单个统计值的小数位数。
  • 自动或自定义: 启用或禁用自动设置。

着色阈值

• 基础颜色: 从选择列表中选择一个基础或背景颜色。
• 添加阈值: 根据当前值更改单一状态的颜色。
  • 值为: 输入单一状态应以所选颜色显示的值。 从值旁边的下拉菜单中选择颜色。
• 着色: 选择文本以便根据配置的阈值改变单个统计数据的颜色。 选择背景以便根据配置的阈值改变图表的背景颜色。

悬停图例

• 显示悬停Legend:
  • 隐藏: 隐藏悬停时出现的图例。
  • 显示: 悬停时显示图例。
    • 方向: 选择图例的方向:
      • 水平: 选择水平显示图例。
      • 垂直: 选择垂直显示图例。
    • 不透明度: 使用滑块调整悬停图例的不透明度。
    • 为行上色: 选择以颜色显示悬停图例行。

静态图例

• 显示静态图例:
• 隐藏: 隐藏静态图例。
• 显示: 始终显示静态图例。
  • 方向: 选择图例的方向：
    • 水平: 选择水平显示图例。
    • 垂直: 选择垂直显示图例。
  • 不透明度: 使用滑块调整静态图例的不透明度。
  • 行着色: 选择以颜色显示静态图例行。
  • 显示的值: 选择 最新 Y 轴 或 最新 X 轴 来决定 y 轴或 x 轴是否出现在图例上。
  • 高度: 使用滑块调整静态图例的高度。

图表 + 单一统计示例

Graph + Single Stat 可视化的主要用例是显示当前或最新值以及历史值。

显示当前值和历史值

下面的例子显示了当前使用的内存百分比以及随时间的内存使用情况：

查询内存使用百分比

from(bucket: "example-bucket")
    |> range(start: v.timeRangeStart, stop: v.timeRangeStop)
    |> filter(fn: (r) => r._measurement == "mem" and r._field == "used_percent")

具有静态图例的内存分配百分比可视化