视图详情

# 1. 视图详情

视图详情页面展示用户自定义的可视化面板。

03-use.png

03-use.png

  • ① 视图下拉框: 下拉框候选项为视图名称,选中名称,可快速切换视图
  • ② 时间选择器: 可自定义可视化面板数据的时间范围,使用详细说明,请参考时间选择器章节
  • ③ 时间间隔: 可选择数据聚合的时间粒度,注:聚合时间粒度仅对时序图有效: TOP N 折线图/折线图/趋势分析图
    • 秒级: 1、5、10、30s
    • 分钟级: 1、5、10、30m
    • 小时级: 1、3、6、12h
    • 天级: 1、7d
  • ④ 手动刷新: 可点击刷新按钮对数据进行实时刷新
  • ⑤ 自动刷新: 默认关闭自动刷新功能,可选择开启按 1m 或 5m 频率自动刷新
  • ⑥ 全屏: 单击按钮当前视图将全屏显示,按 Esc 即可退出全屏
  • ⑦ 保存: 当视图的时间范围、时间间隔、拓扑子视图的位置、子视图配置、模板变量取值等修改后,点击保存按钮即可对修改的进行保存,若想保存为一个副本,可勾选另存为选项即可
  • ⑧ 设置: 在设置选项中可对视图进行分享、导出、删除、管理模板变量等一系列操作,使用详细说明,请参考设置章节

# 1.1 时间选择器---

# 2. 视图详情

视图详情页面展示用户自定义的可视化面板。

3_1.png

3_1.png

  • ① 视图下拉框: 下拉框候选项为视图名称,选中名称,可快速切换视图
  • ② 时间选择器: 可自定义可视化面板数据的时间范围,使用详情,请参阅【时间选择器】章节
  • ③ 时间间隔: 可选择数据聚合的时间粒度,注:聚合时间粒度仅对时序图有效: TOP N 折线图/折线图/趋势分析图
    • 秒级: 1、5、10、30s
    • 分钟级: 1、5、10、30m
    • 小时级: 1、3、6、12h
    • 天级: 1、7d
  • ④ 手动刷新: 可点击刷新按钮对数据进行实时刷新
  • ⑤ 自动刷新: 默认关闭自动刷新功能,可选择开启按 1m 或 5m 频率自动刷新
  • ⑥ 全屏: 单击按钮当前视图将全屏显示,按 Esc 即可退出全屏
  • ⑦ 保存: 当视图的时间范围、时间间隔、拓扑子视图的位置、子视图配置、模板变量取值等修改后,点击保存按钮即可对修改的进行保存,若想保存为一个副本,可勾选另存为选项即可
  • ⑧ 设置: 在设置选项中可对视图进行分享、导出、删除、管理模板变量等一系列操作,使用详情,请参阅【设置】章节

# 2.1 时间选择器

时间选择器支持用户使用绝对时间范围和相对时间范围两种形式查看视图的历史数据。

3_2.png

3_2.png

  • 绝对时间:
    • 支持从日历中选择时间范围
    • 支持根据 YYYY-MM-DD HH-mm-ss 时间格式手动输入时间范围
  • 相对时间:
    • 支持快捷方式,快速选择相对时间
      • 最近 5m、15m、30m、6h、1d、7d、30d 等
    • 支持根据 now 关键字输入相对时间
      • now:对应的精确时间为当前时间的年月日时分秒
      • now/d:表达今天的语义,若处在开始时间位置,对应的精确时间为:今天的0点0分0秒;若处在结束时间,对应的精确时间为今天的23:59:59
      • now-$num d:表达最近 num 天的语义,对应的精确时间为目前时间减去对应天数时间,num 范围为1-100内的整数

# 2.2 设置

视图页面中的设置按钮配备了丰富的操作功能方便用户更好的使用视图。

3_3.png

3_3.png

  • 设置全局数据表:快速切换视图内子视图查询数据引用的数据表
  • 管理模板变量:快速的改变子视图的搜索条件,使用详情,请参阅【模板变量】章节
  • 开启/关闭Tip同步:开启后,可同时查看时序相关子视图,相同时间点时的数据信息
    • 时序相关子视图包含:折线图、趋势分析图
  • 新建模块:可对子视图按模块进行归纳放置,可按需收缩和展开模块,可在模块栏中修改名称或者删除模块
  • 切换补值方式:当数据在某个时间点不存在时,可通过切换补值方式来按需处理
    • Fill 0: 当前时间点补0
    • Fill null:当前时间点数据为空
    • Fill none:剔除当前时间点
  • 切换平铺/堆叠:快速切换视图详情页面所有时序相关子视图平铺/堆叠的显示形式
  • 名称全/缺省显示:快速切换视图详情页面所有子视图的名称显示方式

时间选择器支持用户使用绝对时间范围和相对时间范围两种形式查看视图的历史数据。

03-time_select.png

03-time_select.png

  • 绝对时间:
    • 支持从日历中选择时间范围
    • 支持根据 YYYY-MM-DD HH-mm-ss 时间格式手动输入时间范围
  • 相对时间:
    • 支持快捷方式,快速选择相对时间
      • 最近 5m、15m、30m、6h、1d、7d、30d 等
    • 支持根据 now 关键字输入相对时间
      • now:对应的精确时间为当前时间的年月日时分秒
      • now/d:表达今天的语义,若处在开始时间位置,对应的精确时间为:今天的0点0分0秒;若处在结束时间,对应的精确时间为今天的23:59:59
      • now-$num d:表达最近 num 天的语义,对应的精确时间为目前时间减去对应天数时间,num 范围为1-100内的整数

# 2.3 设置

视图页面中的设置按钮配备了丰富的操作功能方便用户更好的使用视图。

03-set.png

03-set.png

  • 设置全局数据源:快速切换视图详情页面所有子视图的数据源
  • 开启/关闭Tip同步:开启后,可同时查看时序相关子视图,相同时间点时的数据信息
    • 时序相关子视图包含:TOP N 折线图/折线图/趋势分析图
  • 新建模块:可对子视图按模块进行归纳放置,可按需收缩和展开模块,可在模块栏中修改名称或者删除模块
  • 切换补值方式:当数据在某个时间点不存在时,可通过切换补值方式来按需处理
    • Fill 0: 当前时间点补0
    • Fill null:当前时间点数据为空
    • Fill none:剔除当前时间点
  • 切换平铺/堆叠:快速切换视图详情页面所有时序相关子视图平铺/堆叠的显示形式
  • 名称全/缺省显示:快速切换视图详情页面所有子视图的名称显示方式