更新时间:2024-11-18 GMT+08:00
分享

使用模板构建方式新建卡片

用户根据需求选择卡片模板或我的卡片快速创建所需卡片。

这里可以使用的卡片模板,包含系统预置的卡片模板和用户自定义创建的卡片模板。

前提条件

需要具备AppStage指标开发者或运营管理员权限,权限申请的操作请参见权限管理

使用模板构建方式新建卡片

  1. 登录AppStage业务控制台
  2. 在快捷入口选择“运营中心”,进入运营中心。
  3. 在左侧导航栏选择“看板管理 > 我的卡片”
  4. 在“我的卡片”界面,选择卡片分类,单击“新建卡片”。
  5. 选择卡片创建方式。在“创建方式”下单击“模板构建”
  6. 在左侧“卡片模板”或“我的卡片”中,拖拽需要的卡片模板或卡片至中间空白处。

    在卡片左下方,可以对卡片大小进行缩放,也可以下载卡片源码包。

  7. 在右侧配置“数据服务”。

    1. 查看卡片模板信息,不可修改。
    2. 配置卡片数据,参数说明如表1所示。
      表1 数据服务参数说明

      参数

      说明

      指标列表

      “数据源类型”值为“Restful”“类型”值为“指标”时,才有此参数。

      在下拉框中选择关联指标。指标在“指标模板库”或“指标管理”界面配置。

      请求参数

      “数据源类型”值为“Restful”时,才有此参数。

      单击,填写Key和Value的值。

      • :数据格式化,校验JSON文件数据格式正确性。
      • :复制,复制JSON文件。

      请求间隔(秒)

      “数据源类型”值为“Restful”时,才有此参数。

      设置请求时间间隔。

      查看服务返回结果

      单击“查看服务返回结果”,进入“数据响应结果”页面,进行数据影射如图1所示,配置完成后自动保存。如果不配置,则在“组件属性 > 基础属性 > 绑定数据”下拉框中选择不到数据。

      图1 配置映射

      数据映射

      卡片本身默认的字段,不可修改。

      发送消息事件

      卡片做消息联动的发送方需要配置发送消息事件event1。

      • 事件列表:选择默认event1。
      • 绑定值:填写需要联动的参数字段。

        例如,绑定值为name,那么接收卡片需要在“接收消息”中添加参数name0,发送卡片的发送数据会发送给接收卡片中receiveOne中name0对应的“映射数据”字段。

      接收消息

      卡片做消息联动的接收方需要配置接收消息,默认配置name字段映射name,可以根据发送卡片发送消息事件的绑定值新增字段。
      • 事件列表:选择默认receiveOne。
      • 参数列表:可单击添加需要联动的参数字段。映射数据设置为Restful的请求参数名。

        例如,发送卡片绑定值为name,那么接收卡片需要在“接收消息”中添加参数name0。

  8. 在右侧配置“属性配置”。

    1. 查看卡片模板信息,不可修改。
    2. 配置基本属性,不同模板基本上属性不同,具体请以界面为准。这里以“基础柱状图”为例,参数说明如表2 参数说明所示。
      表2 参数说明

      参数

      说明

      移动端自适应

      根据需求开启或关闭。

      适配宽高

      当“移动端自适应”开关打开时,显示此参数。

      设置移动端的宽高。

      内边距

      可以根据实际需要调整卡片上下左右的间隔,最小值为0。

      标题

      可以选择是否显示卡片标题,以及修改卡片标题名称、文本样式、文本阴影、背景图片。

      全局

      可以对卡片的全局位置、柱状样式、数值文本样式、图例样式进行自定义修改。

      坐标轴

      可以根据业务选择是否显示卡片的X/Y/Z轴,并对X/Y/Z轴的位置和样式进行调整。

      系列

      可以对卡片所呈现的数据样式及效果进行颜色更改。

      提示框

      可以配置卡片页面数据显示框的自动轮播、以及显示框停留时间和显示框文本样式效果。

  9. 在右侧配置卡片信息,请参考表3

    表3 卡片信息参数说明

    参数

    说明

    名称

    必填项。

    自定义卡片的名称。由1~64个字符组成,包含中文、字母、数字及下划线。

    版本

    卡片的版本信息,不可修改。

    样式分类

    卡片的分类,不可修改。

    卡片分类

    必选项。

    在下拉框中选择卡片的分类名称。默认显示第一个分类名称。

    描述

    必填项。

    自定义卡片的描述信息。

    封面图

    卡片的封面图。

    • 自动截图:单击“截屏”,自动获取画布中的图片。
    • 上传封面:单击“添加图片”,在弹出界面,单击,选择本地准备好的图片,裁剪出符合要求的尺寸后,单击

  10. 在界面右上方单击“保存”,系统自动弹出“保存”页面,确认卡片信息,单击“保存”。

    • “卡片模板”中的模板编辑后“保存”,则为新建卡片。
    • “我的卡片”中的卡片编辑后“保存”,则为修改卡片。
    • “我的卡片”中的卡片编辑后“另存为”,则为新建卡片。

  11. (可选)在界面右上角单击“预览”,预览配置效果。
  12. 预览无误后,在界面右上角单击“发布”。

    返回“我的卡片”界面,发布后的卡片,默认显示在“我的卡片”所选择的卡片分类列表下。

相关文档