You need to enable JavaScript to run this app.
导航

自定义看板

最近更新时间2023.07.27 14:20:43

首次发布时间2022.03.16 11:25:37

自定义看板支持您灵活配置指标和图表形式。

创建看板

  1. 登录应用性能监控全链路版控制台
  2. 在目标应用下,单击webpro端监控
  3. 选择全部功能 > 自定义看板
  4. 看板列表页面,单击创建看板
    图片
  5. 创建看板页面,输入看板名称,然后单击确定
    图片
    配置说明:
    看板名称 :自定义看板名称,用于标识看板。看板名称长度为最多100个字符。

配置图表

  1. 在看板页面,单击添加容器
    容器用于将一组图表放置在一起,汇总在容器里。
    图片
  2. 单击编辑按钮,修改容器名称。
    图片
  3. 在看板页面,单击添加组件
    图片
  4. 新建图表页面,配置组件,然后单击保存
    自定义看板支持添加趋势图、数值卡片、表格、饼图4种类型的组件。
    • 配置趋势图
      图片
      配置说明:

      配置项

      说明

      选择图表类型

      图表名称

      自定义图表名称,用于标识该图表。

      小数位数

      选择图表展示的数值所带的小数位数。最多支持数值带4位小数位。

      Y轴

      配置Y轴的最大值和最小值。

      图例

      支持配置图例,以及图例中展示的字段,包括最小、最大、平均、当前。

      环比

      支持配置环比值,打开后环比值以虚线展示。

      绘制图表

      指标

      支持选择需要查询的指标,允许添加多个。

      分组

      支持为指标配置分组维度,允许添加多个,选择后将按照所选维度对趋势图分组展示。

      说明

      所有模块的device_id , user_id , session_id , view_id , action_id,Query(URL)字段不支持分组。

      统计

      部分指标统计类型为COUNT和UNIX。耗时类型的指标支持配置统计值类型为AVG、PCT50等等。
      统计方式和说明如下所示:

      • COUNT:根据时间粒度进行计数
      • UNIQ:计算时间粒度内的总和后按DID去重
      • AVG:SUM(时间粒度内的指标数值)/样本量
      • PCT50:升序排列后排在50%位置的数据
      • PCT75:升序排列后排在75%位置的数据
      • PCT90:升序排列后排在90%位置的数据
      • PCT99:升序排列后排在99%位置的数据

      context链接

      支持添加context链接。如果您在看板上观察到一些激增的数据,可以跳转到对应的功能页面查看详细的数据情况,帮助定位和分析问题。
      例如,您需要自定义一个看板观测JS错误数的指标变化,需要完成以下操作。

      1. 添加context链接页面中,需要完成以下配置:
        • 链接名称:配置为JS总览。
        • URL:添加JS总览功能页面的URL。复制URL时需要去除query,只包含域名和path。
        • URL参数:勾选应用ID开始时间结束时间筛选条件。勾选后,这4个维度的筛选条件将作为变量自动填充到URL中。

        注意

        功能页面有两个页签时,默认是跳转页签A,如果想要跳转到页面B,需要在URL中指定参数。例如:

        • 请求总览中包括全部请求和错误请求,页面默认跳转到全部请求,如果您希望跳转到错误请求,请在URL中添加activeTab=err
        • 静态资源总览中包括全部资源和错误资源,页面默认跳转到全部资源,如果您希望跳转到错误资源,请在URL中添加activeTab=err
        • 数据探索中包括很多维度,如果想要跳转到错误资源,请在URL中添加ev_type=resource_error
      2. 配置完成后,单击趋势图中折线的时节点会出现context名称JS总览
        图片
      3. 单击context名称JS总览,就可以跳转到JS总览功能页面查看具体数据。
        由于自定义看板默认按照1天聚合,JS总览中展示了2023-07-24 00:00:00~2023-07-25 00:00:00的数据。
        如果您配置了指标的 筛选条件 或者 分组 ,那么跳转到 JS总览 页面会展示配置该筛选条件和分组之后的数据。如果JS总览页面并不支持您配置的筛选条件和分组维度,则跳转时就会忽略该筛选条件和分组维度。

      为指标命名

      支持为图例命名,展示规则为自定义名称+指标名。

      快速筛选

      如果需要与看板的快速筛选条件联动,可以选择已配置的快速筛选。

      筛选条件

      支持为指标配置筛选条件,筛选方式有:包含不包含正则匹配正则不匹配
      筛选条件可以配置多个,多个筛选条件之间的关系支持配置为或者

      添加四则运算

      如果需要对已有指标进行四则运算,例如将所有异常类型的错误数加在一起,可使用四则运算功能。

      添加标记

      支持添加标记,可以在趋势图中添加标记线或者标记区域并为其命名,允许添加多个标记。

    • 配置数值卡片
      数值卡片展示的最终效果为一个统计数字。
      图片
      配置说明:

      配置项

      说明

      选择图表类型

      图表名称

      自定义图表名称,用于标识该图表。

      小数位数

      选择图表展示的数值所带的小数位数。最多支持数值带4位小数位。

      环比

      支持配置环比值,打开后环比值展示在数值右下角。
      计算方式:环比=(当前值-对比值)/对比值

      绘制图表

      指标

      支持选择需要查询的指标。
      当添加了多个原始指标后,仅展示最后添加的指标。

      统计

      部分指标统计类型为COUNT和UNIX。耗时类型的指标支持配置统计值类型为AVG、PCT50等等。
      统计方式和说明如下所示:

      • COUNT:根据时间粒度进行计数
      • UNIQ:计算时间粒度内的总和后按DID去重
      • AVG:SUM(时间粒度内的指标数值)/样本量
      • PCT50:升序排列后排在50%位置的数据
      • PCT75:升序排列后排在75%位置的数据
      • PCT90:升序排列后排在90%位置的数据
      • PCT99:升序排列后排在99%位置的数据

      单位

      支持配置最终展示的数值的单位。例如,FPS的单位配置为s(秒)。

      context链接

      支持添加context链接。如果您在看板上观察到一些激增的数据,可以跳转到对应的功能页面查看详细的数据情况,帮助定位和分析问题。
      例如,您需要自定义一个看板观测JS错误数的指标变化,需要完成以下操作。

      1. 添加context链接页面中,需要完成以下配置:
        • 链接名称:配置为JS总览。
        • URL:添加JS总览功能页面的URL。复制URL时需要去除query,只包含域名和path。
        • URL参数:勾选应用ID开始时间结束时间筛选条件。勾选后,这4个维度的筛选条件将作为变量自动填充到URL中。

        注意

        功能页面有两个页签时,默认是跳转页签A,如果想要跳转到页面B,需要在URL中指定参数。例如:

        • 请求总览中包括全部请求和错误请求,页面默认跳转到全部请求,如果您希望跳转到错误请求,请在URL中添加activeTab=err
        • 静态资源总览中包括全部资源和错误资源,页面默认跳转到全部资源,如果您希望跳转到错误资源,请在URL中添加activeTab=err
        • 数据探索中包括很多维度,如果想要跳转到错误资源,请在URL中添加ev_type=resource_error
      2. 配置完成后,单击数值右上方的context名称JS总览
        图片
      3. 跳转到JS总览功能页面查看具体数据。
        由于自定义看板默认按照7天聚合,JS总览中展示了最近7天的数据。如果配置图表前修改了聚合时间和时间范围,例如按照30分钟聚合、查看最近6小时内数据,那么JS总览中会展示最近6小时内的数据。
        如果您配置了指标的 筛选条件 ,那么跳转到 JS总览 页面会展示配置该筛选条件之后的数据。如果JS总览页面并不支持您配置的筛选条件,则跳转时就会忽略该筛选条件。

      所选时间区段统计

      时间区段统计方式和说明如下所示:

      • TOTAL:去掉时间粒度,计算所选时间范围内的全局指标值
      • AVG:SUM(每个时间粒度的指标数值)/周期数
      • MAX:所选时间范围内的最大值
      • MIN:所选时间范围内的最小值
      • SUM:SUM(每个时间粒度的指标数值)
      • LAST:所选时间段内的最后一个指标值
      • NUMS:有指标值的项

      快速筛选

      如果需要与看板的快速筛选条件联动,可选择已配置的快速筛选。

      筛选条件

      支持为指标配置筛选条件,筛选方式有:包含不包含正则匹配正则不匹配

      添加四则运算

      如果对指标添加了四则运算,则展示通过四则运算计算得到的一个最终的指标。

    • 配置表格
      图片
      配置说明:

      配置项

      说明

      选择图表类型

      图表名称

      自定义图表名称,用于标识该图表。

      小数位数

      选择图表展示的数值所带的小数位数。最多支持数值带4位小数位。

      排序

      如果有多个指标,需要选择按哪个指标进行排序,并配置表格按照排序方式展示Top值。

      • 排序方式支持升序降序
      • Top值包括Top1020304050以及100

      环比

      支持配置环比值,打开后环比值展示在数值右侧括号中。
      计算方式:环比=(当前值-对比值)/对比值

      绘制图表

      指标

      支持选择需要查询的指标,允许添加多个。

      统计

      部分指标统计类型为COUNT和UNIX。耗时类型的指标支持配置统计值类型为AVG、PCT50等等。
      统计方式和说明如下所示:

      • COUNT:根据时间粒度进行计数
      • UNIQ:计算时间粒度内的总和后按DID去重
      • AVG:SUM(时间粒度内的指标数值)/样本量
      • PCT50:升序排列后排在50%位置的数据
      • PCT75:升序排列后排在75%位置的数据
      • PCT90:升序排列后排在90%位置的数据
      • PCT99:升序排列后排在99%位置的数据

      所选时间区段统计

      时间区段统计方式和说明如下所示:

      • TOTAL:去掉时间粒度,计算所选时间范围内的全局指标值
      • AVG:SUM(每个时间粒度的指标数值)/周期数
      • MAX:所选时间范围内的最大值
      • MIN:所选时间范围内的最小值
      • SUM:SUM(每个时间粒度的指标数值)
      • LAST:所选时间段内的最后一个指标值
      • NUMS:有指标值的项

      context链接

      支持添加context链接。如果您在看板上观察到一些激增的数据,可以跳转到对应的功能页面查看详细的数据情况,帮助定位和分析问题。
      例如,您需要自定义一个看板观测JS错误数的指标变化,需要完成以下操作。

      1. 添加context链接页面中,需要完成以下配置:
        • 链接名称:配置为JS总览。
        • URL:添加JS总览功能页面的URL。复制URL时需要去除query,只包含域名和path。
        • URL参数:勾选应用ID开始时间结束时间筛选条件。勾选后,这4个维度的筛选条件将作为变量自动填充到URL中。

        注意

        功能页面有两个页签时,默认是跳转页签A,如果想要跳转到页面B,需要在URL中指定参数。例如:

        • 请求总览中包括全部请求和错误请求,页面默认跳转到全部请求,如果您希望跳转到错误请求,请在URL中添加activeTab=err
        • 静态资源总览中包括全部资源和错误资源,页面默认跳转到全部资源,如果您希望跳转到错误资源,请在URL中添加activeTab=err
        • 数据探索中包括很多维度,如果想要跳转到错误资源,请在URL中添加ev_type=resource_error
      2. 配置完成后,单击数值出现context名称JS总览
        图片
      3. 跳转到JS总览功能页面查看具体数据。
        由于自定义看板默认按照7天聚合,JS总览中展示了最近7天的数据。如果配置图表前修改了聚合时间和时间范围,例如按照30分钟聚合、查看最近6小时内数据,那么JS总览中会展示最近6小时内的数据。
        如果您配置了指标的 筛选条件 或者 分组 ,那么跳转到 JS总览 页面会展示配置该筛选条件和分组之后的数据。如果JS总览页面并不支持您配置的筛选条件和分组维度,则跳转时就会忽略该筛选条件和分组维度。

      列名

      支持自定义表格列名,列名自动包含所选择的统计值类型。

      单位

      支持配置表格列数据的单位。例如,FPS的单位配置为s(秒)。

      快速筛选

      如果需要与看板的快速筛选条件联动,可选择已配置的快速筛选。

      筛选条件

      支持为指标配置筛选条件,筛选方式有:包含不包含正则匹配正则不匹配

      添加四则运算

      支持添加多个指标以及对多个原始指标的四则运算。

      分组

      可以为指标添加分组。

    • 配置饼图
      图片
      配置说明:

      配置项

      说明

      选择图表类型

      图表名称

      自定义图表名称,用于标识该图表。

      小数位数

      选择图表展示的数值所带的小数位数。最多支持数值带4位小数位。

      环比

      支持配置环比值,打开后环比值展示在数值右下角。
      计算方式:环比=(当前值-对比值)/对比值

      绘制图表

      指标

      仅支持单指标展示,当添加了多个指标或者对指标添加了四则运算,通过勾选显示该指标选择展示的指标。

      统计

      部分指标统计类型为COUNT和UNIX。耗时类型的指标支持配置统计值类型为AVG、PCT50等等。
      统计方式和说明如下所示:

      • COUNT:根据时间粒度进行计数
      • UNIQ:计算时间粒度内的总和后按DID去重
      • AVG:SUM(时间粒度内的指标数值)/样本量
      • PCT50:升序排列后排在50%位置的数据
      • PCT75:升序排列后排在75%位置的数据
      • PCT90:升序排列后排在90%位置的数据
      • PCT99:升序排列后排在99%位置的数据

      所选时间段统计

      时间区段统计方式和说明如下所示:

      • TOTAL:去掉时间粒度,计算所选时间范围内的全局指标值
      • AVG:SUM(每个时间粒度的指标数值)/周期数
      • MAX:所选时间范围内的最大值
      • MIN:所选时间范围内的最小值
      • SUM:SUM(每个时间粒度的指标数值)
      • LAST:所选时间段内的最后一个指标值
      • NUMS:有指标值的项

      context链接

      支持添加context链接。如果您在看板上观察到一些激增的数据,可以跳转到对应的功能页面查看详细的数据情况,帮助定位和分析问题。
      例如,您需要自定义一个看板观测JS错误数的指标变化,需要完成以下操作。

      1. 添加context链接页面中,需要完成以下配置:
        • 链接名称:配置为JS总览。
        • URL:添加JS总览功能页面的URL。复制URL时需要去除query,只包含域名和path。
        • URL参数:勾选应用ID开始时间结束时间筛选条件。勾选后,这4个维度的筛选条件将作为变量自动填充到URL中。

        注意

        功能页面有两个页签时,默认是跳转页签A,如果想要跳转到页面B,需要在URL中指定参数。例如:

        • 请求总览中包括全部请求和错误请求,页面默认跳转到全部请求,如果您希望跳转到错误请求,请在URL中添加activeTab=err
        • 静态资源总览中包括全部资源和错误资源,页面默认跳转到全部资源,如果您希望跳转到错误资源,请在URL中添加activeTab=err
        • 数据探索中包括很多维度,如果想要跳转到错误资源,请在URL中添加ev_type=resource_error
      2. 配置完成后,单击饼图中的其中一块出现context名称JS总览
        图片
      3. 单击context名称JS总览,跳转到JS总览功能页面查看具体数据。
        由于自定义看板默认按照7天聚合,JS总览中展示了最近7天的数据。如果配置图表前修改了聚合时间和时间范围,例如按照30分钟聚合、查看最近6小时内数据,那么JS总览中会展示最近6小时内的数据。
        如果您配置了指标的 筛选条件 或者 分组 ,那么跳转到 JS总览 页面会展示配置该筛选条件和分组之后的数据。如果JS总览页面并不支持您配置的筛选条件和分组维度,则跳转时就会忽略该筛选条件和分组维度。

      为指标命名

      可通过使用分组配置里的维度变量+固定文字为图例命名。例如:$tag_aid的性能。

      快速筛选

      如果需要与看板的快速筛选条件联动,可选择已配置的快速筛选。

      筛选条件

      支持为指标配置筛选条件,筛选方式有:包含不包含正则匹配正则不匹配

      添加四则运算

      支持添加多个指标以及对多个原始指标的四则运算。

      分组

      支持为指标展示分组,添加分组后,展示排名前20的分组指标,其余归类为其他。

查看预定义的实时统计看板

平台根据自定义看板的分析能力内置了实时看板的功能。

  1. 登录应用性能监控全链路版控制台
  2. 在目标应用下,单击webpro端监控
  3. 选择全部功能 > 自定义看板
  4. 看板分类页面,单击预定义
  5. 看板列表中预置了实时统计看板,单击看板名称,查看平台推荐的观测指标以及相应的配置。

    说明

    • 实时统计看板中默认聚合粒度为5分钟,时间范围是最近一小时,开启30s自动刷新。
    • 不建议修改时间聚合粒度和时间范围。如果您临时调整了聚合粒度和时间范围,再次进入看板时不会保存该配置。
    • 实时统计看板中集成了自定义看板中所有的分析能力,包括环比分析、配置context链接。
    • 实时统计看板不支持编辑,如果您有一些特殊的看板需求,可以复制实时统计看板,以为实时看板模板,在复制后生成的自定义看板中进行编辑。

添加快速筛选

快速筛选的能对看板内的指标按照预先配置好的维度进行筛选。每个看板都可以设置独立的快速筛选。

  1. 在看板页面,单击管理快速筛选
    图片

  2. 设置常用筛选对话框,单击添加常用筛选
    图片

  3. 设置常用筛选对话框,完成以下配置,然后单击完成
    图片
    配置说明:

    配置项

    说明

    名称

    自定义筛选名称,用于标识当前筛选。

    维度

    配置筛选的维度。

    包含

    选择维度包含的取值,也可以配置为不包含

    默认值

    维度包含/不包含的取值。默认值为空,表示默认不做筛选。

配置快速筛选

在图表配置中为指标设置了快速筛选,快速筛选才会对图表生效。

  1. 在看板页面,单击目标图表右上角 ···,然后单击编辑
    图片
  2. 绘制图表区域,单击目标指标右侧的展开
    图片
  3. 在指标的展开配置中,勾选快速筛选项,然后单击保存
    图片

配置公共维度筛选

  • 公共维度筛选可以直接在工具栏选择公共维度的筛选条件,设置的筛选条件会对整个看板的所有图表生效。
  • 公共维度的筛选条件和每个指标中已配置的筛选条件,维度相同取交集,维度不同取并集。
    • 维度相同取交集
      例如,公共维度的筛选条件为机型:iPhone 5、iphone 6,图表的筛选条件为机型iphone 6、iphone 7,那么最终作用的筛选条件为机型:iphone 6。
    • 维度不同取并集
      例如,公共维度的筛选条件为机型:iPhone 5、iphone 6,图表的筛选条件为APP版本号1.1.0,那么最终作用的筛选条件为机型:iPhone 5、iphone 6,且APP版本号为1.1.0。
  • 公共维度的筛选条件支持正则筛选。
    图片

管理视图

视图仅仅是一组快速筛选的集合,并不对看板内的图表生效。当筛选条件很多,并且多人协同使用一个看板时,可以通过视图的功能,保存自己常用的筛选条件。
例如,业务场景中,人员A在看板M中查看维度A的信息,人员B在看板M中查看维度A和维度B的信息。人员A需要执行以下操作创建视图。

  1. 在看板页面,默认视图下添加快速筛选。
    图片
    详情请参见 添加快速筛选 。例如,命名为常用筛选A。

  2. 在看板页面,为目标图表中的目标指标配置快速筛选。
    图片
    详情请参见 配置快速筛选

  3. 在看板页面,单击另存视图

  4. 另存视图对话框,输入视图命名,例如,命名为视图A,然后单击保存
    图片

  5. 在看板页面,将默认视图切换为视图A。
    图片

  6. 在看板中,人员A可以查看视图A展现常用筛选A。人员A可以切换筛选值查看图表变化。
    图片
    此时,人员A可以看板M中查看维度A的信息。那么,人员B想在看板M中查看维度A和维度B的信息,人员B需要执行以下操作创建视图。

  7. 在看板页面,默认视图下添加快速筛选。
    图片
    详情请参见 添加快速筛选 。例如,命名为常用筛选B。

  8. 在看板页面,为目标图表中的目标指标配置快速筛选。
    图片
    详情请参见 配置快速筛选

  9. 在看板页面,单击另存视图

  10. 另存视图对话框,输入视图命名,例如,命名为视图B,然后单击保存
    图片

  11. 在看板页面,将默认视图切换为视图B。
    图片

  12. 在看板中,人员B可以查看视图B展现常用筛选A和常用筛选B。人员B可以切换筛选值查看图表变化。
    图片

订阅看板

订阅看板的作用是可以通过设置的订阅方式定时收到看板情况。

  1. 在看板页面,单击订阅看板
    图片

  2. 创建看板订阅对话框,完成配置,然后单击确定
    图片

    配置说明:

    配置项

    说明

    订阅名称

    默认为看板的名称,支持自定义。

    订阅周期

    配置收到订阅通知的时间。支持配置为每天、每周、每月的某一个时间点。

    查询周期

    支持自定义查询周期,即看板数据的时间范围。

    订阅方式

    支持选择不同的订阅方式,允许多选。支持配置为邮件企业微信飞书钉钉
    webhook配置详见如何进行webhook配置?

    接收组

    配置接收看板订阅信息的对象。

    订阅开关

    配置订阅开关。

    • 打开:接收看板信息。
    • 关闭:不接收看板信息。