视图详情

# 1. 视图详情

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

00-视图总览

00-视图总览

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

# 1.1 时间选择器

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

01-时间选择器

01-时间选择器

  • 绝对时间:
    • 支持从日历中选择时间范围
    • 支持根据 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内的整数
  • 搜索快照记录:记录的历史搜索时间,可快速查看

# 1.2 设置

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

02-设置

02-设置

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