更新时间:2024-04-15 GMT+08:00
分享

使用卡片模板新建卡片

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

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

前提条件

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

操作步骤

  1. 在AppStage首页右上区域单击“运营中心”快捷入口,进入运营中心工作台。
  2. 在左侧导航栏选择“运营看板 > 我的卡片”
  3. 在“我的卡片”界面,选择卡片分类,单击“新建卡片”。
  4. 选择卡片创建方式。在“创建方式”下单击“模板构建”

    支持在线构建、模板构建、上传卡片方式。

    • 创建方式:自定义在线构建卡片模板。
      • 在线构建:构建图表类或表单类卡片。
      • 模板构建:使用卡片模板构建卡片。
    • 上传卡片:通过上传卡片源文件创建卡片。

  5. 在左侧“卡片模板”或“我的卡片”中,拖拽需要的卡片模板或卡片至中间空白处。

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

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

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

      参数

      说明

      数据源类型

      选择数据源类型。支持静态数据、Restful。

      静态数据:在JSON编辑器中,编辑静态数据。
      • :数据校验,校验JSON文件数据格式正确性。
      • :复制,复制JSON文件。

      类型

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

      • 默认
      • 指标

      数据服务URL

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

      数据服务的URL。

      请求类型

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

      在下拉框中选择请求类型。支持GET、POST。

      认证

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

      在下拉框中选择认证方式。支持No auth、BasicAuth、Token。

      • No auth:Restful API不对SVE进行鉴权。
      • BasicAuth:Restful API会对SVE进行BasicAuth认证,此时,还需要填写鉴权用户名和密码。
      • Token:Token方式,会自动获取当前登录开天集成工作台的用户对应的Token。

      请求头

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

      指标列表

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

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

      请求参数

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

      单击,填写Key和Value的值。

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

      请求间隔(秒)

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

      设置请求时间间隔。

      查看服务返回结果

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

      图1 配置映射

      上传EXCEL

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

      选择EXCEL文件上传。

      静态数据

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

      支持JSON视图和表格视图模式,填写Key和Value的值。

      数据映射

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

      发送消息事件

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

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

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

      接收消息

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

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

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

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

      参数

      说明

      移动端自适应

      根据需求开启或关闭。

      适配宽高

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

      设置移动端的宽高。

      内边距

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

      标题

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

      全局

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

      坐标轴

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

      系列

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

      提示框

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

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

    表3 卡片信息参数说明

    参数

    说明

    名称

    必填项。

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

    版本

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

    样式分类

    卡片的分类,不可修改。

    卡片分类

    必选项。

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

    描述

    必填项。

    自定义卡片的描述信息。

    封面图

    卡片的封面图。

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

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

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

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

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

分享:

    相关文档

    相关产品