界面概述编辑

每个可视化的用户界面由 Data 标签页和 Pannel Options 组成。唯一例外的是时间序列和 Markdown 可视化,时间序列具有用于 Annotations 的第三个标签页,Markdown 具有用于编辑器的第三个标签页。

数据标签页编辑

数据标签页用于配置每个可视化的序列。此选项卡允许您根据可视化支持的内容添加多个序列,并将多个聚合组合在一起以创建单个指标。以下是数据标签页 UI 重要组件的细分。

序列标签和颜色编辑

每个序列都支持一个标签,该标签将用于图例和标题,具体取决于所选的可视化类型。对于按词项分组的序列,可以指定 {{key}} 的 mustache 变量以替换该词项。对于大多数可视化,您还可以通过点击色板打开颜色选择器选择一种颜色。

Label Example

指标编辑

每个序列支持多个指标(聚合); 最后一个指标(聚合)是将为该序列显示的值,用指标左侧的“眼睛”图标表示。指标可以使用管道聚合进行组合。一个常见的用例是创建一个带有“最大值”聚合的指标,然后创建一个“导数”指标,并选择之前的“最大值”指标作为源,这将会创造一个比率。

Derivative Example

序列选项编辑

每个系列还支持一组选项,这些选项取决于您选择的可视化类型。每个可视化类型通用的配置项有:

  • 数据格式
  • 时间范围偏移
  • 索引模式、时间戳和区间覆盖

Default Series Options

对于时间序列可视化,您还可以配置:

  • 图表类型
  • 每种图表类型的选项
  • 图例可见性
  • Y 轴选项
  • 分色主题

Time Series Series Options

分组控件编辑

在指标的底部有一组“分组依据”控件,允许您指定该序列应该如何分组或拆分。有四种选择:

  • 所有
  • 过滤器(单个)
  • 过滤器(可配置颜色的多个)
  • 词项

默认情况下,系列按照所有进行分组。

面板选项标签页编辑

面板选项标签页用于配置整个面板,可用选项集取决于您选择的可视化。以下是每个可视化可用的选项列表:

时间序列

  • 索引模式、时间戳和区间
  • Y 轴最小值和最大值
  • Y 轴位置
  • 背景颜色
  • 图例可见性
  • 图例位置
  • 面板过滤器

指标

  • 索引模式、时间戳和区间
  • 面板过滤器
  • 背景和主要值的颜色规则

Top N

  • 索引模式、时间戳和区间
  • 面板过滤器
  • 背景颜色
  • 项目 URL
  • 条形的颜色规则

测量仪

  • 索引模式、时间戳和区间
  • 面板过滤器
  • 背景颜色
  • 测量仪最大值
  • 测量仪样式
  • 内规颜色
  • 内规宽度
  • 规线宽
  • 规线颜色规则

Markdown

  • 索引模式、时间戳和区间
  • 面板过滤器
  • 背景颜色
  • 滚动条可见性
  • 内容垂直对齐
  • 自定义面板 CSS 支持 Less 语法

Annotations 标签页编辑

注解标签页用于将注解数据源添加到时间序列可视化中。您可以配置以下选项:

  • 索引模式和时间字段
  • 注解颜色
  • 注解图标
  • 包含在消息中的字段
  • 消息的格式
  • 面板和全局级别的过滤选项

Annotation Tab

Markdown 选项卡编辑

Markdown 标签页用于编辑 Markdown 可视化的源代码。用户界面左侧有一个编辑器,右侧有数据标签页中的可用变量。您可以单击变量名称将 Mustache 模板变量插入到光标位置的标记中。Mustache 语法使用 Handlebar.js 处理器,它是 Mustache 模板语言的扩展版本。

Markdown Tab