全部产品
存储与CDN 数据库 域名与网站(万网) 应用服务 数加·人工智能 数加·大数据基础服务 互联网中间件 视频服务 开发者工具 解决方案 物联网 钉钉智能硬件
业务实时监控服务 ARMS

创建交互式大盘

更新时间:2018-01-22 00:29:04

本文介绍了如何创建和编辑交互大盘。

在控制台左侧菜单栏中选择交互大盘,进入交互大盘管理页面,可以看到所有交互大盘。

交互大盘概览

交互大盘主要分为导航树、控件操作、标签栏和数据集展示四个模块。下图是一个完整的交互大盘示例。

初识交互大盘

  • 左侧是导航树操作区。最多可以设置三层的导航树。逐级下钻选择查询维度,然后单击,就可以在右侧的数据集展示模块看到相应数据。导航树是 ARMS 根据用户数据自动生成的,此外还支持按照相应的 JSON 格式手动导入导航树。

  • 右上方是控件操作区。用户可以在此操作控件(导航树、图片、文本编辑等)和选择时间。

  • 中上部是标签栏操作区。用户可在此添加不同标签页,用来对图表进行聚类。例如要统计 Nginx 页面的 PV、UV 操作,也要统计 Nginx 页面的错误返回码,则两种统计可以归类到不同的标签页。
  • 右下方是数据展示区,也是交互大盘的核心模块,会根据选择的导航树维度、时间范围显示对应的标签栏下的所有数据图表,允许添加多个不同的标签。

新建交互大盘

  1. 在 ARMS 控制台左侧菜单栏中选择交互大盘

  2. 交互大盘管理页面右上角单击新建交互大盘

  3. 新建交互大盘对话框输入交互大盘名称并单击确定,这样就创建了一个空白的交互大盘。

编辑交互大盘

新建的交互大盘没有任何内容,需要加以编辑。

步骤一:添加数据集

  1. 交互大盘管理页面,单击大盘名称右侧的编辑按钮,进入编辑页面。

  2. 在右上角单击交互控件,选择添加图表

  3. 新建交互图表对话框,输入图表名称。在数据集的下拉列表中选择相应数据集(如下图所示,用户可以选择多个不同数据集),选择图表类型为面积图,单击确定

    大盘新增报表

    • 数据集: 请选择您需要展示在交互式大盘上面的数据集。单击后,输入框支持模糊搜索。

    • 维度: 选中了数据集,会在下面弹出对应的数据集维度选择。对于不同类型的数据集,维度选择也不同。如果您配置的数据集是一个通用数据集,在这里可以选择必选维度和可选维度。如果您配置的是下钻数据集,则需要选择多个下钻维度来展示您的数据。

      注意: 由于下钻维度之间的关联关系,您需要配置好第一个维度后才能配置第二个维度。关于维度的高级使用方法,请参考本篇文章的步骤三(关联数据集和导航树)

    • 指标选择: 请选择数据集中的部分源指标。

    • 复合指标: 请输入数据集中的源指标与源指标的复合计算。

    • 图表类型: 请勾选您希望使用的图表类型。

    • 高级选项: 点开高级选项下拉框,您可以配置更多图表高级功能。包括调整图表的上下左右边距,针对不同维度/指标选择不同颜色,调整后聚合方式(在用户的图表点太多进行降精度采样和 TopN 排序时候有效),设置 TopN 字段,以及查询策略等。

    • 时间粒度: 配置展示的图表时间间隔。

    • 时间受全局控制: 允许选项表示该图表展示数据时间段与全局图表相同。选择禁止选项后,您可以对该图片进行单独配置。

    此后就能在数据集展示模块中看到数据集面积图展示。

    数据集折线图

步骤二:添加导航树

  1. 在大盘详情页,单击右上角交互控件,选择导航树控件,弹出导航树对话框,如下图。该导航树可以选择作用于全部标签页或者指定标签页。

    导航树

  2. 填写名称,选择数据集,此时会自动把该数据集的多维度遍历值导入到数据文本框。单击确定,导航树将显示在页面左侧。

    添加导航树后

步骤三:关联数据集和导航树

  1. 在大盘展示模块找到目标图表,单击齿轮图标,弹出编辑对话框。

    注意:请确保所要展示的图表和导航树的使用的是同一个数据集。

  2. 维度中,选择类型为导航树,在右侧下拉框中选择导航树的维度。单击确定,此时数据集的维度和导航树的维度已经关联完毕。

步骤四:查看数据集对应的显示

选择导航树中的不同维度值,就可以在数据集中看到对应的数据展示。

操作导航树

步骤五:查看不同时间的数据集数据

在时间选择模块,选择今天本周本月最近 5 分钟最近 10 分钟等,或者手动选择开始时间与结束时间,即可看到不同时间范围的数据。

步骤六:大盘保存

配置好大盘之后,单击右上角的保存按钮,即可保存当前的配置。此外,每隔十秒钟,系统还会自动保存一次,以免丢失用户正在编辑的数据。

提示:大盘中图表的大小和位置均可灵活调整。

  • 大小调整

    拖拽图表右下角即可调整大小。

  • 位置调整

    按住图表并移动鼠标即可调整图表位置,松开鼠标即可确定其最终位置。

本文导读目录