# 新建卡片模板 业务可视化已经预置通用的公共卡片模板，如果不满足您的需求，您可以新建卡片模板。 为满足用户多样化需求，通过上传离线开发或下载的卡片资产包，给卡片构建提供模板资源。 新建卡片模板包含[使用在线构建新建图表卡片模板]、[使用在线构建新建表单卡片模板]和[使用上传卡片模板新建卡片模板]。 #### 使用在线构建新建图表卡片模板 将组件按自己想要的方式进行排布和设置，组合成具有展示性的模板。 支持创建图表卡片模板，图表卡片模板为图形和表格组成的卡片模板。 1. 在开天集成工作台界面中，选择左侧导航栏中的"业务可视化 \> 公共卡片模板"。 2. 选择"我的模板"页签，单击"新建卡片模板"。 3. 选择模板创建方式。这里以在线构建方式为例，在"创建方式"下单击"在线构建"。 支持在线构建或上传卡片模板两种方式。 - 在线构建：自定义在线构建卡片模板。 - 上传卡片模板：通过上传卡片源文件创建卡片模板。 4. 在左侧"组件库"下，拖拽组件至中间画布中。 组件库包含基础组件、图表组件，单击对应组件名称，即可查看该组件内的全部组件。 画布上显示标尺，在画布最下方，可设置画布的宽高、背景图片及颜色、置空背景、放大、缩小、自适应、缩略图导航、组件对齐方式，也可以手动输入画布的缩放比例，撤销与恢复在画布中对组件的操作。 5. 在左侧"图层"下，为组件设置显示效果，操作图标解释请参考[表1]。 表1图层操作图标释义 | 图标 | 含义 | |:---|:---| | ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001799095269.png) | 展示/收起组合的组件。 | | ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001752175490.png) | 复制组件。 | | ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001752016598.png) | 组件上移一层。 | | ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001798976225.png) | 组件下移一层。 | | ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001799095277.png) | 组件组合。 | | ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001752175494.png) | 拆分组合。 | | ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001752016602.png) | 锁定/解锁组件。 | | ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001798976233.png) | 删除组件。 | | ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001799095281.png) | 显示/隐藏组件。 | 6. 在右侧设置数据服务，数据服务设置请参考[表2]。 表2图表卡片数据服务参数说明 | 参数 | 说明 | |:---|:---| | 数据源类型 | 选择数据源类型。支持静态数据。 静态数据：在JSON编辑器中，编辑静态数据。 - ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001752175498.png)：数据校验，校验JSON文件数据格式正确性。 - ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001752016614.png)：复制，复制JSON文件。 | | 查看数据返回结果 | 数据源信息配置完成后，单击"查看数据返回结果"，进入"数据响应结果"页面，进行数据影射如[图1]所示，配置完成后自动保存。如果不配置，则在"组件属性 \> 基础属性 \> 绑定数据"下拉框中选择不到数据。 - 编辑：可以编辑映射的名称。 - 新增：新增映射，支持同一个数据集映射多个组件。 - 删除：删除新增映射。 图1配置映射 ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001974054520.png "点击放大") | 7. 在右侧设置组件属性。不同组件显示的组件属性不同具体以界面显示为准。这里以"图表组件 \> 折线图"为例，请参考[表3]。 - 编辑：编辑状态才可以设置组件属性。 - 查看：查看状态不能设置组件属性。 表3图表卡片组件属性参数说明 | 参数 || 说明 | |:---|---|:---| | 基础属性 || - 绑定数据：绑定数据源，在下拉框中设置。数据源在[6]的"查看数据返回结果"中进行设置。 - 组件样式：设置组件的宽高及XY轴的值。 | | 特有属性 | 常规配置 | 设置组件上下左右的边距。 | | 特有属性 | 轴线配置 | - 折线属性：设置折线类型、粗细，根据需求开启曲线、堆叠、阶梯型开关。 - ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001799095289.png)：表示关闭。 - ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001752175502.png)：表示开启。 - 标记：设置标记点的类型、大小。 - 标线/最大值/最小值/区域：根据需求开启并设置。 | | 特有属性 | 数值标签 | 根据需求开启并设置。 | | 特有属性 | 坐标轴 | 设置是否显示X/Y/Z轴，以及X/Y/Z轴的文本样式、位置、轴线样式、刻度样式、分割线样式、指示器的颜色及透明度。 | | 特有属性 | 系列 | 当"坐标轴"设置显示Z轴时，选择折线展示的基准轴线。 | | 样式属性 | 图例 | 根据需求开启图例，设置文本样式、尺寸、标记、间距、排列方式、位置、是否滚动。 | | 样式属性 | 提示框 | 根据需求开启提示框，设置文本样式、背景颜色、边距。 | | 样式属性 | 主题 | 选择主题信息，根据需求开启自定义颜色。 | 8. 在右侧设置卡片信息，请参考[表4]。 表4卡片信息参数说明 | 参数 | 说明 | |:---|:---| | 名称 | 必填项。 自定义卡片的名称。由1\~64个字符组成，包含中文、字母、数字及下划线。 | | 版本 | 卡片的版本信息，不可修改。 | | 样式分类 | 卡片的分类，不可修改。 | | 描述 | 必填项。 自定义卡片的描述信息。 | | 封面图 | 卡片的封面图。 - 自动截图：单击"截屏"，自动获取画布中的图片。 - 上传封面：单击"添加图片"，在弹出界面，单击![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001752016622.png)，选择本地准备好的图片，裁剪出符合要求的尺寸后，单击![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001798976285.png)。 | 9. 设置完成后，单击"保存"，在"保存"界面，确认卡片模板信息，单击"保存"。 10. （可选）单击"预览"，预览卡片模板。 返回"我的卡片模板"界面，配置完成后的卡片模板，默认以卡片的形式显示在"我的模板"。 #### 使用在线构建新建表单卡片模板 将组件按自己想要的方式进行排布和设置，组合成具有展示性的模板。 支持创建表单卡片模板，表单卡片为纯表格卡片模板。 1. 在开天集成工作台界面中，选择左侧导航栏中的"业务可视化 \> 公共卡片模板"。 2. 选择"我的模板"页签，单击"新建卡片模板"。 3. 选择模板创建方式。这里以在线构建方式为例，在"创建方式"下单击"在线构建"。 支持在线构建或上传卡片模板两种方式。 - 在线构建：自定义在线构建卡片模板。 - 上传卡片模板：通过上传卡片源文件创建卡片模板。 4. 单击"表单卡片"，在"消息提示"对话框单击"确认"。 5. 在左侧"组件库"下，拖拽组件至中间画布中。 组件库包含布局组件、装饰组件、输入组件、选择组件，单击对应组件名称，即可查看该组件内的全部组件。 6. 在右侧设置公共属性，公共属性设置请参考[表5]。 表5表单卡片公共属性参数说明 | 参数 | 说明 | |:---|:---| | 基础属性 \> 栅格间隔 | 组件的宽度。可以手动输入，也可以单击+/-调节。取值范围为0\~100，缺省值为15。 | | 基础属性 \> 组件尺寸 | 组件尺寸大小。在下拉框中选择组件尺寸。包含中等、较小、迷你，缺省值为较小。 | | 基础属性 \> 标签对齐 | 组件标签的对齐方式。在下拉框中选择对齐方式。包含左对齐、右对齐、顶对齐，缺省值为右对齐。 | | 基础属性 \> 禁用组件 | 开启后则无法编辑该组件。 | | 基础属性 \> 标题 | 为表单设置标题。 | | 基础属性 \> 显示标题 | 设置是否显示表单标题。 | 7. 在右侧设置组件属性。不同组件显示的组件属性不同具体以界面显示为准。这里以"装饰组件 \> 静态文字"为例，请参考[表6]。 编辑：编辑状态才可以设置组件属性。 查看：查看状态不能设置组件属性。 表6表单卡片组件属性参数说明 | 参数 | 说明 | |:---|:---| | 基础属性 | - 绑定数据：绑定数据源，创建卡片模板时无需配置。 - 文本内容：输入文字。 - 栅格占据的列数：组件所占列数。可以手动输入，也可以单击+/-调节。取值范围为1\~12，缺省值为12。 | | 特有属性 | - 跳转地址：填写需要跳转的链接。 - 打开方式：根据需求设置链接的打开方式。 - 千位分割：根据需求开启数字的分隔符。 - ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001690491880.png)：表示关闭。 - ![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001738490737.png)：表示开启。 | | 样式属性 | 这里是文本内容的样式属性。 - 文本：设置外形、对齐方式、字体及颜色、文本大小及单位。 文本大小设置后，在屏幕中文本大小会根据屏幕分辨率自适应。 - 外形：设置文字的背景颜色、边框颜色、边框类型及圆角单位、边框宽度、边框圆角、阴影颜色、阴影方向、阴影X偏移、阴影Y偏移、阴影模糊半径、阴影扩散半径、背景不透明度。 | 8. 在右侧设置卡片信息，请参考[表7]。 表7卡片信息参数说明 | 参数 | 说明 | |:---|:---| | 名称 | 必填项。 自定义卡片模板的名称。由1\~64个字符组成，包含中文、字母、数字及下划线。 | | 版本 | 卡片模板的版本信息，不可修改。 | | 样式分类 | 卡片模板的分类，不可修改。 | | 描述 | 必填项。 自定义卡片模板的描述信息。 | | 封面图 | 卡片模板的封面图。 - 自动截图：单击"截屏"，自动获取画布中的图片。 - 上传封面：单击"添加图片"，在弹出界面，单击![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001690332128.png)，选择本地准备好的图片，裁剪出符合要求的尺寸后，单击![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001738410877.png)。 | 9. 设置完成后，单击"保存"，在"保存"界面，确认卡片模板信息，单击"保存"。 10. （可选）单击"预览"，预览卡片模板。 返回"我的卡片模板"界面，配置完成后的卡片模板，默认以卡片的形式显示在"我的模板"。 #### 使用上传卡片模板新建卡片模板 不支持导入表单卡片模板。 1. 在开天集成工作台界面中，选择左侧导航栏中的"业务可视化 \> 公共卡片模板"。 2. 选择"我的模板"页签，单击"新建卡片模板"。 3. 选择模板创建方式。这里以上传卡片方式为例，在"上传卡片"下单击"上传卡片模板"。 支持在线构建或上传卡片模板两种方式。 - 在线构建：自定义在线构建卡片模板。 - 上传卡片模板：通过上传卡片源文件创建卡片模板。 4. 配置卡片模板信息，相关参数说明请参见[表8]。 表8参数说明 | **参数** | **说明** | |:---|:---| | 卡片模板名称 | 必填项。 自定义卡片模板的名称。由1\~64个字符组成，包含中文、字母、数字及下划线。 | | 上传源文件 | 必填项。 单击"添加文件"可选择并上传组件压缩包。 说明： 只能上传zip文件，且不超过10MB。 | | 样式分类 | 必填项。 从下拉框中选择样式分类。例如：图片、地图、文本、媒体、其它等。 | | 卡片模板描述 | 选填项。 卡片描述信息。由1\~400个字符组成，包括中文、字母、数字及下划线。 | | 卡片模板封面 | 选填项。 单击左侧方框中的![](https://support.huaweicloud.com/usermanual-mssi/zh-cn_image_0000001697501384.png)，上传本地准备好的封面图。 | 5. 单击"确定"。 - 在"提示"对话框中单击"确认"：可以在此页面继续新建卡片模板。 - 在"提示"对话框中单击"取消"：系统自动返回"业务可视化 \> 公共卡片模板"界面。 在"业务可视化 \> 公共卡片模板"界面，配置完成后的卡片模板，默认以卡片的形式显示在"我的模板"。 #### 更多操作 卡片模板创建完成后，您还可以在"业务可视化 \> 公共卡片模板 \> 卡片模板 \> 我的模板"界面执行如[表9]的操作。 表9相关操作 | 操作 | 说明 | |:---|:---| | 更新卡片模板 | - 卡片形式：在需要更新的卡片模板上，单击"更新"。 - 列表形式：在对应的"操作"列下单击"更新"。 说明： - 重新上传源文件包会升级卡片模板版本号，已发布卡片中存在同样的版本升级逻辑。 - 仅适用于使用"上传卡片模板"方式新建的卡片。 | | 编辑卡片模板 | - 卡片形式：在需要编辑的卡片模板上，单击"编辑"。 - 列表形式：在对应的"操作"列下单击"编辑"。 说明： 仅适用于使用"在线构建"方式新建的卡片。 | | 查看卡片模板详情 | - 卡片形式：在需要查看的卡片模板上，单击"更多 \> 详情"。 - 列表形式：在对应的"版本号"列下单击版本号。 | | 预览卡片模板 | - 卡片形式：在需要预览的卡片模板上，单击"更多 \> 预览"。 - 列表形式：在对应的"操作"列下单击"预览" | | 下载卡片模板 | - 卡片形式：在需要下载的卡片上，单击"更多 \> 下载"。 - 列表形式：在对应的"操作"列下单击"下载" 说明： 仅适用于使用"上传卡片模板"方式新建的卡片。 | | 删除卡片模板 | - 卡片形式：在需要删除的卡片上，单击"更多 \> 删除"。 - 列表形式：在对应的"操作"列下单击"删除" 说明： 删除后的卡片模板会放入[回收站](https://support.huaweicloud.com/usermanual-mssi/mssi_02_0290.html)，回收站会保存近60天的删除数据。 |