1. 进入全景图模块,点击左侧全景图列表上方进入新建全景图页面,左侧为组件列表,中间为画布,右侧为配置操作区域,在画布区域滑动鼠标滚轮可实现画布放大、缩小,右击鼠标拖动画布可实现画布移动,或通过点击此页面右上角的“”按钮查看缩略图后拖动画布,其它功能操作大致如下所示:
2. 选择组件拖拽至画布后,点击画布中的组件,在组件(盒子)的选中状态下,即可在右侧对此盒子进行样式配置、数据配置、关联配置,如下所示:
► 样式配置:
• 基本配置:通过调整盒子的位置、尺寸、旋转度数、圆角程度确定盒子的基本形态;
说明:调整尺寸处的“”按钮表示是否将当前的宽、高设置为固定比例,设定为固定比例后,宽、高中的任何一项调整都会引起另一项的相应变化。
• 盒子样式配置:通过调整盒子的颜色、边框、透明度确定盒子的整体视觉效果;
• 文本样式配置:调整盒子内部文本的字体格式,包括字体颜色、大小、颜色、对齐方式、行高。
► 数据配置:
若需要在盒子内显示业务对象的监控数据或运行状态,即可进行数据配置,同时,支持针对不同的指标模型设置相应的跳转仪表盘,以实现全景图与仪表盘的关联分析,如下所示:
说明:样式配置可以即时显示配置结果,但数据配置需在配置完成后点击页面右上方【预览】或【保存】后查看配置结果。
• 指标配置:选择一个或多个系统内已存的指标模型,以决定盒子内显示数据的来源,并且对此指标模型数据在盒子内的数据显示进行初步的配置,包括单位配置、值映射配置、关联仪表盘配置、维度显示配置,各配置项如下所示:
注意:
1. 若未配置下方显示配置中的 “选择指标” ,即使此处添加了指标模型,也不会在盒子内展示数据,请选择要显示的指标;
2. 但若下方“是否显示详情”配置了显示详情,即使盒子内不显示数据,但点击此盒子后依然会弹出关联指标模型的所有维度信息和度量值信息,显示详情的具体效果参见 下文 。
以下为盒子内展示“系统CPU使用率”的各配置展示效果示例:
• 显示配置:
› 选择指标:选择“指标配置”中已添加的指标模型,作为盒子内展示数据的来源;
› 指定维度:指定上方已选指标模型中的其中一组维度的计算结果数据在盒子内显示,若不做选择,则在盒子内显示此指标模型内所有维度的计算结果数据;
› 是否显示名称:选择是否显示指标值所对应的维度名称;
说明:此处选择显示维度名称后,维度名称显示还会遵循上方“维度显示配置”的规则。
› 是否显示详情:确认在全景图展示页面,点击盒子时是否展示此盒子关联的指标模型所有维度信息,如下所示:
► 关联配置:
若需要查看某个盒子相关的仪表盘或全景图,可对盒子进行关联配置,即可实现在全景图查看页面时,点击盒子跳转至已关联的仪表盘或全景图,实现关联分析,跳转效果请参考 应用全景图 章节,如下所示:
说明:此处的“关联配置”是针对全景图展示页面中盒子的关联仪表盘或全景图的配置,上方“指标配置”中的“关联仪表盘”配置是针对全景图展示页面点击盒子后出现的指标模型详情的关联仪表盘配置。
• 关联仪表盘:
› 选择仪表盘:在系统已存的仪表盘中选择盒子关联的仪表盘;
› 过滤条件:添加对关联仪表盘的过滤条件,设置对关联仪表盘过滤的字段及相应字段值,设置效果如下所示:
1. 此处填入的过滤字段及字段值需在跳转仪表盘数据内存在,否则仪表盘无法进行数据过滤,会出现仪表盘内无数据的情况;
2. 过滤条件除了会对跳转仪表盘进行数据过滤筛选展示之外,将会在仪表盘内以全局过滤标签呈现,支持对此标签进行启/禁用、正/反选、全局过滤、接触全局过滤、删除操作,具体操作请参考 图表过滤 章节;
3. 过滤条件为非必设置项,若不设置过滤条件,即跳转的仪表盘不对任何字段进行过滤筛选展示,但在全景图设置的过滤时间段将会对跳转的仪表盘生效,即跳转的仪表盘内将展示跳转前全景图规定时间段之内的数据。
› 关联打开方式:设置关联仪表盘是在当前页面打开或是在新窗口打开,默认在新窗口打开
• 关联全景图:
› 选择全景图:在系统已存的全景图中选择盒子关联的全景图;
› 关联打开方式:设置关联全景图是在当前页面打开或是在新窗口打开,默认在当前页面打开
3. 若需要表示两个盒子之间的关联关系,可在盒子选中的状态下,点击“边”的中点(显示为“边”上的“圆点”)拉出连线,连接其它盒子“边”的中点,并且点击此连线,可对此进行样式配置、数据配置、关联配置,各配置与上述盒子配置基本一致,可参考步骤2,如下所示:
说明:
1. 创建连线时,需连接两个“边”的中点才能成功创建连线,随后可以随意拉动连线;
2. 连线的数据配置中,连线关联数据映射的指标值颜色和线条颜色对应盒子关联数据映射的指标值和背景颜色,如下所示:
4. 构建好所需全景图后,点击页面右上角【预览】可查看当前配置的最终效果,最后点击【保存】进行保存、退出编辑页面,在全景图展示页面左侧,点击可对已建全景图进行管理,包括编辑、删除全景图。具体全景图应用操作请参考 应用全景图 章节。