网络
虚拟私有云 VPC
弹性公网IP EIP
弹性负载均衡 ELB
NAT网关 NAT
云专线 DC
虚拟专用网络 VPN
云连接 CC
VPC终端节点 VPCEP
企业路由器 ER
企业交换机 ESW
全球加速 GA
企业连接 EC
云原生应用网络 ANC
安全与合规
安全技术与应用
Web应用防火墙 WAF
企业主机安全 HSS
云防火墙 CFW
安全云脑 SecMaster
DDoS防护 AAD
数据加密服务 DEW
数据库安全服务 DBSS
云堡垒机 CBH
数据安全中心 DSC
云证书管理服务 CCM
威胁检测服务 MTD
态势感知 SA
认证测试中心 CTC
边缘安全 EdgeSec
应用中间件
微服务引擎 CSE
分布式消息服务Kafka版
分布式消息服务RabbitMQ版
分布式消息服务RocketMQ版
API网关 APIG
分布式缓存服务 DCS
多活高可用服务 MAS
事件网格 EG
管理与监管
统一身份认证服务 IAM
消息通知服务 SMN
云监控服务 CES
应用运维管理 AOM
应用性能管理 APM
云日志服务 LTS
云审计服务 CTS
标签管理服务 TMS
配置审计 Config
应用身份管理服务 OneAccess
资源访问管理 RAM
组织 Organizations
资源编排服务 RFS
优化顾问 OA
IAM 身份中心
云运维中心 COC
资源治理中心 RGC
解决方案
高性能计算 HPC
SAP
混合云灾备
开天工业工作台 MIW
Haydn解决方案工厂
数字化诊断治理专家服务
云生态
云商店
合作伙伴中心
华为云开发者学堂
华为云慧通差旅
开发与运维
软件开发生产线 CodeArts
需求管理 CodeArts Req
流水线 CodeArts Pipeline
代码检查 CodeArts Check
编译构建 CodeArts Build
部署 CodeArts Deploy
测试计划 CodeArts TestPlan
制品仓库 CodeArts Artifact
移动应用测试 MobileAPPTest
CodeArts IDE Online
开源镜像站 Mirrors
性能测试 CodeArts PerfTest
应用管理与运维平台 ServiceStage
云应用引擎 CAE
开源治理服务 CodeArts Governance
华为云Astro轻应用
CodeArts IDE
Astro工作流 AstroFlow
代码托管 CodeArts Repo
漏洞管理服务 CodeArts Inspector
联接 CodeArtsLink
软件建模 CodeArts Modeling
Astro企业应用 AstroPro
CodeArts 盘古助手
华为云Astro大屏应用
计算
弹性云服务器 ECS
Flexus云服务
裸金属服务器 BMS
云手机服务器 CPH
专属主机 DeH
弹性伸缩 AS
镜像服务 IMS
函数工作流 FunctionGraph
云耀云服务器(旧版)
VR云渲游平台 CVR
Huawei Cloud EulerOS
网络
虚拟私有云 VPC
弹性公网IP EIP
弹性负载均衡 ELB
NAT网关 NAT
云专线 DC
虚拟专用网络 VPN
云连接 CC
VPC终端节点 VPCEP
企业路由器 ER
企业交换机 ESW
全球加速 GA
企业连接 EC
云原生应用网络 ANC
CDN与智能边缘
内容分发网络 CDN
智能边缘云 IEC
智能边缘平台 IEF
CloudPond云服务
安全与合规
安全技术与应用
Web应用防火墙 WAF
企业主机安全 HSS
云防火墙 CFW
安全云脑 SecMaster
DDoS防护 AAD
数据加密服务 DEW
数据库安全服务 DBSS
云堡垒机 CBH
数据安全中心 DSC
云证书管理服务 CCM
威胁检测服务 MTD
态势感知 SA
认证测试中心 CTC
边缘安全 EdgeSec
大数据
MapReduce服务 MRS
数据湖探索 DLI
表格存储服务 CloudTable
可信智能计算服务 TICS
推荐系统 RES
云搜索服务 CSS
数据可视化 DLV
数据接入服务 DIS
数据仓库服务 GaussDB(DWS)
数据治理中心 DataArts Studio
湖仓构建 LakeFormation
智能数据洞察 DataArts Insight
应用中间件
微服务引擎 CSE
分布式消息服务Kafka版
分布式消息服务RabbitMQ版
分布式消息服务RocketMQ版
API网关 APIG
分布式缓存服务 DCS
多活高可用服务 MAS
事件网格 EG
开天aPaaS
应用平台 AppStage
开天企业工作台 MSSE
开天集成工作台 MSSI
API中心 API Hub
云消息服务 KooMessage
交换数据空间 EDS
云地图服务 KooMap
云手机服务 KooPhone
组织成员账号 OrgID
云空间服务 KooDrive
管理与监管
统一身份认证服务 IAM
消息通知服务 SMN
云监控服务 CES
应用运维管理 AOM
应用性能管理 APM
云日志服务 LTS
云审计服务 CTS
标签管理服务 TMS
配置审计 Config
应用身份管理服务 OneAccess
资源访问管理 RAM
组织 Organizations
资源编排服务 RFS
优化顾问 OA
IAM 身份中心
云运维中心 COC
资源治理中心 RGC
区块链
区块链服务 BCS
数字资产链 DAC
华为云区块链引擎服务 HBS
解决方案
高性能计算 HPC
SAP
混合云灾备
开天工业工作台 MIW
Haydn解决方案工厂
数字化诊断治理专家服务
价格
成本优化最佳实践
专属云商业逻辑
云生态
云商店
合作伙伴中心
华为云开发者学堂
华为云慧通差旅
其他
管理控制台
消息中心
产品价格详情
系统权限
客户关联华为云合作伙伴须知
公共问题
宽限期保留期
奖励推广计划
活动
云服务信任体系能力说明
开发与运维
软件开发生产线 CodeArts
需求管理 CodeArts Req
流水线 CodeArts Pipeline
代码检查 CodeArts Check
编译构建 CodeArts Build
部署 CodeArts Deploy
测试计划 CodeArts TestPlan
制品仓库 CodeArts Artifact
移动应用测试 MobileAPPTest
CodeArts IDE Online
开源镜像站 Mirrors
性能测试 CodeArts PerfTest
应用管理与运维平台 ServiceStage
云应用引擎 CAE
开源治理服务 CodeArts Governance
华为云Astro轻应用
CodeArts IDE
Astro工作流 AstroFlow
代码托管 CodeArts Repo
漏洞管理服务 CodeArts Inspector
联接 CodeArtsLink
软件建模 CodeArts Modeling
Astro企业应用 AstroPro
CodeArts 盘古助手
华为云Astro大屏应用
存储
对象存储服务 OBS
云硬盘 EVS
云备份 CBR
高性能弹性文件服务 SFS Turbo
弹性文件服务 SFS
存储容灾服务 SDRS
云硬盘备份 VBS
云服务器备份 CSBS
数据快递服务 DES
云存储网关 CSG
专属分布式存储服务 DSS
数据工坊 DWR
地图数据 MapDS
键值存储服务 KVS
容器
云容器引擎 CCE
云容器实例 CCI
容器镜像服务 SWR
云原生服务中心 OSC
应用服务网格 ASM
华为云UCS
数据库
云数据库 RDS
数据复制服务 DRS
文档数据库服务 DDS
分布式数据库中间件 DDM
云数据库 GaussDB
云数据库 GeminiDB
数据管理服务 DAS
数据库和应用迁移 UGO
云数据库 TaurusDB
人工智能
AI开发平台ModelArts
华为HiLens
图引擎服务 GES
图像识别 Image
文字识别 OCR
自然语言处理 NLP
内容审核 Moderation
图像搜索 ImageSearch
医疗智能体 EIHealth
企业级AI应用开发专业套件 ModelArts Pro
人脸识别服务 FRS
对话机器人服务 CBS
语音交互服务 SIS
人证核身服务 IVS
视频智能分析服务 VIAS
城市智能体
自动驾驶云服务 Octopus
盘古大模型 PanguLargeModels
IoT物联网
设备接入 IoTDA
全球SIM联接 GSL
IoT数据分析 IoTA
路网数字化服务 DRIS
IoT边缘 IoTEdge
设备发放 IoTDP
企业应用
域名注册服务 Domains
云解析服务 DNS
企业门户 EWP
ICP备案
商标注册
华为云WeLink
华为云会议 Meeting
隐私保护通话 PrivateNumber
语音通话 VoiceCall
消息&短信 MSGSMS
云管理网络
SD-WAN 云服务
边缘数据中心管理 EDCM
云桌面 Workspace
应用与数据集成平台 ROMA Connect
ROMA资产中心 ROMA Exchange
API全生命周期管理 ROMA API
政企自服务管理 ESM
视频
实时音视频 SparkRTC
视频直播 Live
视频点播 VOD
媒体处理 MPC
视频接入服务 VIS
数字内容生产线 MetaStudio
迁移
主机迁移服务 SMS
对象存储迁移服务 OMS
云数据迁移 CDM
迁移中心 MGC
专属云
专属计算集群 DCC
开发者工具
SDK开发指南
API签名指南
DevStar
华为云命令行工具服务 KooCLI
Huawei Cloud Toolkit
CodeArts API
云化转型
云架构中心
云采用框架
用户服务
账号中心
费用中心
成本中心
资源中心
企业管理
工单管理
客户运营能力
国际站常见问题
支持计划
专业服务
合作伙伴支持计划
我的凭证
华为云公共事业服务云平台
工业软件
工业数字模型驱动引擎
硬件开发工具链平台云服务
工业数据转换引擎云服务
更新时间:2024-11-15 GMT+08:00
分享

使用在线构建新建卡片

在线构建支持新建图表卡片新建表单卡片

新建图表卡片

支持无模板在线构建新建卡片,也支持基于使用在线构建的图表卡片模板新建卡片。

  1. 在开天集成工作台界面中,选择左侧导航栏中的“业务可视化 > 我的卡片”。
  2. 选择卡片分类,单击“新建卡片”。
  3. 选择卡片创建方式。在“创建方式”下单击“在线构建”

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

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

  4. (可选)在界面右上方,单击“选择模板”,在卡片模板列表通过搜索选择需要的卡片模板,单击“确定”。

    仅使用模板新建卡片时,操作此步骤。

  5. 在左侧“组件库”下,拖拽组件至中间画布中。

    图表卡片:为图形和表格组成的卡片。

    组件库包含基础组件、图表组件、高级组件,单击对应组件名称,即可查看该组件内的全部组件。

    画布上显示标尺,在画布最下方,可设置画布的宽高、背景图片及颜色、置空背景、放大、缩小、自适应、缩略图导航、组件对齐方式,也可以手动输入画布的缩放比例,撤销与恢复在画布中对组件的操作。

  6. 在左侧“图层”下,为组件设置显示效果,操作图标解释请参考表1

    表1 图层操作图标释义

    图标

    含义

    展示/收起组合的组件。

    复制组件。

    组件上移一层。

    组件下移一层。

    组件组合。

    拆分组合。

    锁定/解锁组件。

    删除组件。

    显示/隐藏组件。

  7. 在右侧设置数据服务,数据服务设置请参考表2

    表2 图表卡片数据服务参数说明

    参数

    说明

    数据源类型

    选择数据源类型。支持静态数据、Restful、连接器、流。

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

    数据服务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”时,才有此参数。

    单击,填写Key和Value的值。

    请求参数

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

    单击,填写Key和Value的值。

    连接器

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

    在下拉框中选择连接器。单击,可以查看连接器的详情信息。

    这里的连接器为“连接器 > 我的连接器”列表中的连接器。

    执行动作

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

    在下拉框中选择连接器的执行动作。

    连接

    “数据源类型”值为“连接器”时,并且该连接器需要连接时,才有此参数。

    在下拉框中选择连接器的连接。

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

    在下拉框中选择流。单击,可以查看连接器的详情信息。

    这里的流为“流编排 > 我的流”列表中的流。

    参数

    “数据源类型”值为“连接器”“流”时,才有此参数。

    输入连接器或流的数据,支持JSON和表格视图。具有参数的连接器或流,才显示表格视图参数。

    请求间隔(秒)

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

    设置请求时间间隔。

    查看数据/服务返回结果

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

    • 编辑:可以编辑映射的名称。
    • 新增:新增映射,支持同一个数据集映射多个组件。
    • 删除:删除新增映射。
    图1 配置映射

  8. 在右侧设置组件属性。不同组件显示的组件属性不同具体以界面显示为准。这里以“图表组件 > 折线图”为例,请参考表3

    • 编辑:编辑状态才可以设置组件属性。
    • 查看:查看状态不能设置组件属性。
    表3 图表卡片组件属性参数说明

    参数

    说明

    基础属性

    • 绑定数据:绑定数据源,在下拉框中设置。数据源在7的“查看数据/服务返回结果”中进行设置。
    • 组件样式:设置组件的宽高及XY轴的值。

    特有属性

    常规配置

    设置组件上下左右的边距。

    轴线配置

    • 折线属性:设置折线类型、粗细,根据需求开启曲线、折叠、阶梯型开关。
      • :表示关闭。
      • :表示开启。
    • 标记:设置标记点的类型、大小。
    • 标线/最大值/最小值/区域:根据需求开启并设置。

    数值标签

    根据需求开启并设置。

    坐标轴

    设置是否显示X/Y/Z轴,以及X/Y/Z轴的文本样式、位置、轴线样式、刻度样式、分割线样式、指示器的颜色及透明度。

    系列

    “坐标轴”设置显示Z轴时,选择折线展示的基准轴线。

    样式属性

    图例

    根据需求开启图例,设置文本样式、尺寸、标记、间距、排列方式、位置、是否滚动。

    提示框

    根据需求开启提示框,设置文本样式、背景颜色、边距。

    主题

    选择主题信息,根据需求开启自定义颜色。

  9. 在右侧设置卡片信息,请参考表4

    表4 卡片信息参数说明

    参数

    说明

    名称

    必填项。

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

    版本

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

    样式分类

    卡片的分类,不可修改。

    卡片分类

    必选项。

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

    描述

    必填项。

    自定义卡片的描述信息。

    封面图

    卡片的封面图。

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

  10. 在界面右上方单击“保存”,系统自动弹出“保存”页面,确认卡片信息,单击“保存”。
  11. (可选)在界面右上角单击“预览”,预览配置效果。
  12. 预览无误后,在界面右上角单击“发布”。

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

新建表单卡片

支持无模板在线构建新建卡片,也支持基于使用在线构建的表单卡片模板新建卡片。

  1. 在开天集成工作台界面中,选择左侧导航栏中的“业务可视化 > 我的卡片”。
  2. 选择卡片分类,单击“新建卡片”。
  3. 选择卡片创建方式。在“创建方式”下单击“在线构建”

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

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

  4. 进入“在线构建”页面,单击“表单卡片”,在“消息提示”对话框单击“确认”。
  5. (可选)在界面右上方,单击“选择模板”,在卡片模板列表通过搜索选择需要的卡片模板,单击“确定”。

    仅使用模板新建卡片时,操作此步骤。

  6. 在左侧“组件库”下,拖拽组件至中间画布或模板中。

    表单卡片:为纯表格卡片。

    组件库包含布局组件、装饰组件、输入组件、选择组件,单击对应组件名称,即可查看该组件内的全部组件。

  7. 在右侧设置公共属性,请参考表5

    表5 表单卡片公共属性参数说明

    参数

    说明

    基础属性

    • 栅格间隔:组件的宽度。可以手动输入,也可以单击+/-调节。取值范围为0~100,缺省值为15。
    • 组件尺寸:组件尺寸大小。包含中等、较小和迷你,缺省值为较小。
    • 标签对齐:组件标签的对齐方式。包含左对齐、右对齐、顶对齐,缺省值为右对齐。
    • 禁用组件:开启后则无法编辑该组件。
    • 标题:为表单设置标题。
    • 显示标题:设置是否显示表单标题。

    数据属性

    为了使卡片的数据能够正常提交存入数据库,必须配置数据属性。

    • 编辑器展开:展开JSON编辑器,编辑数据。
      • :数据校验,校验JSON文件数据格式正确性。
      • :复制,复制JSON文件。
      • :数据应用,使JSON文件生效。
    • 编辑器收起:折叠JSON编辑器。
    • 模型名称:卡片数据模型名称。单击后自动填充,不可编辑。
    • 组件字段:单击后,在下拉框中选择导入JSON文件中的组件字段。

      选择“组件字段”后,单击“一键生成卡片”

      说明:

      生成卡片会清空已导入组件。

    业务规则

    单击,新增业务规则,配置组件之间的交互规则。

  8. 在右侧设置组件属性,不同组件显示的组件属性不同具体以界面显示为准。这里以无模板“装饰组件 > 静态文字”为例,请参考表6

    • 编辑:编辑状态才可以设置组件属性。
    • 查看:查看状态不能设置组件属性。
    表6 表单卡片组件属性参数说明

    参数

    说明

    基础属性

    • 绑定数据:绑定数据源,在下拉框中设置。绑定的数据从7的“数据属性”中获取。
    • 文本内容:输入文字。
    • 栅格占据的列数:组件所占列数。可以手动输入,也可以单击+/-调节。取值范围为1~12,缺省值为12。

    特有属性

    • 跳转地址:填写需要跳转的链接。
    • 打开方式:根据需求设置链接的打开方式。
    • 千位分割:根据需求开启数字的分隔符。
      • :表示关闭。
      • :表示开启。

    样式属性

    这里是文本内容的样式属性。

    • 文本:设置外形、对齐方式、字体及颜色、文本大小及单位。

      文本大小设置后,在屏幕中文本大小会根据屏幕分辨率自适应。

    • 外形:设置文字的背景颜色、边框颜色、边框类型及圆角单位、边框宽度、边框圆角、阴影颜色、阴影方向、阴影X偏移、阴影Y偏移、阴影模糊半径、阴影扩散半径、背景不透明度。

  9. 在右侧设置卡片信息,请参考表7

    表7 卡片信息参数说明

    参数

    说明

    名称

    必填项。

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

    版本

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

    样式分类

    卡片的分类,不可修改。

    卡片分类

    必选项。

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

    描述

    必填项。

    自定义卡片的描述信息。

    封面图

    卡片的封面图。

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

  10. 在界面右上方单击“保存”,系统自动弹出“保存”页面,确认卡片信息,单击“保存”。
  11. (可选)在界面右上角单击“预览”,预览配置效果。
  12. 预览无误后,在界面右上角单击“发布”。

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

相关文档