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

创建交互式大盘

更新时间:2017-09-15 10:33:01

在控制台左侧选择大盘管理>交互大盘管理,进入大盘管理页面,可以看到创建的所有交互大盘。

交互大盘概览

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

初识交互大盘

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

  • 右侧由上至下分别为时间选择模块、标签栏模块和数据集展示模块。

    • 时间选择模块支持选择时间范围,也提供了类似今日、本周和本月的常用时间范围。

    • 标签栏模块允许添加多个不同的标签。本示例中添加了“IP 调用”和“CPU 监控”两个标签栏,方便在查询不同数据时快速切换。

    • 数据集展示模块是交互大盘的核心模块,会根据选择的导航树维度、时间范围显示对应的标签栏下的所有数据图表。

新建交互大盘

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

  2. 单击右上角新建交互大盘

  3. 新建交互大盘对话框输入交互大盘名称并单击确定,就创建了一个空的交互大盘。在大盘列表的第一个可以找到刚刚创建的交互大盘。

编辑交互大盘

新建的交互大盘没有任何内容。

步骤一:添加数据集

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

  2. 在右上角交互控件下拉列表选择添加图表

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

    大盘新增报表

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

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

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

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

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

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

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

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

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

    这时候就能在数据集展示模块中看到响应的数据集折线图展示。

    数据集折线图

步骤二:添加导航树

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

    导航树

  2. 填写标题名,选择数据集,这时候会自动把该数据集的多维度遍历值导入到数据文本框。点击确定就可以在页面左侧看到对应的导航树。

    添加导航树后

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

  1. 在数据集展示模块找到对应的数据集,点击齿轮的设置按钮,弹出编辑交互图表窗口,如下图。

    编辑交互图表

  2. 找到维度,选择类型为导航树,在下一下拉框选择对应的导航树的维度。点击确定,这时候数据集的维度和导航树的维度已经关联起来。

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

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

操作导航树

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

在时间选择模块,可以选择今日本周本月,或者调整开始时间与结束时间,就可以看到不同时间范围的数据。

调整时间

步骤六:大盘保存

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

说明:大盘中可以对图表的位置、大小等进行灵活地配置。

  • 大小调整

    添加的图表右下角,按住拖动即可调整大小。

  • 位置调整

    对需要移动的图表按下鼠标左键,移动鼠标,释放到需要移动的位置。

本文导读目录