检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题： 组件管理
则这里“API接口”显示为中文标签。如果接口标签未定义，则显示接口的操作名称。 请求类型：API接口的请求类型，系统会自动填入。 参数：接口入参，当有入参时，系统会自动展示。 当接口有入参时，单击参数后的“设置全局变量”，可设置变量的默认值。 测试API接口：用于测试该接口，单
在主菜单中，单击页面右上方的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“页面资产管理 > 桥接器模板”。 在右侧页面，可以查看到系统预置的桥接器模板bridgeBasicTemplate。 单击桥接器模板，在桥接器模板详情页面，可查看模板详情。 下载桥接器模板 参考登录
例如，将A市交通管理大屏嵌入第三方系统，如图3所示。 图3 安全策略设置样例 其中，“frame-ancestors”为固定格式，“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外，还有一种典型的场景是将大屏嵌入本地的file中，如图4。 图4 将大屏嵌入本地的file中 登录第三方系统，在Elements中，增加“<iframe
趋势 趋势是文本组件的一种，用于展示数据变化的趋势。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“趋势”组件至画布空白区域，如图1。 图1 趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
按钮 按钮组件通常与其他组件配合使用， 用于展示链接页面或提示信息等。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“按钮组件”组件至画布空白区域，如图1所示。 图1 按钮组件 配置 在配置中，设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。
视频 视频是媒体组件的一种，用于播放MP4、OGG、MOV、WEBM格式的视频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“视频”组件至画布空白区域，如图1。 图1 视频 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可以理解为组件由卡片中基础元素（卡片背景、特效、卡片边框）和视频元素构成。
指标 指标是一种文本组件，用于在可视化页面中显示指标数据。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“指标”组件至画布空白区域，如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
音频 音频组件用于在可视化大屏中添加音频播放器来播放您的音频，仅支持MP3、OGG和WAV格式的音频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“音频”组件至画布空白区域，如图1。 图1 音频 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片
删除页面 页面删除后，不可恢复，请谨慎操作。 删除页面 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在待删除的页面上，单击。 在弹出的提示框中，单击“确定”，即可删除该页面。 页面删除后，不可恢复，删除前请确认无需再使用该页面。
天气 天气是文本组件的一种，用于展示相应城市24小时天气预报及未来一周的天气预报。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“天气”组件至画布空白区域，如图1。 图1 天气 图2 天气组件效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡
nvas界面。 在“项目列表”中，单击“新建项目”。 在新建项目页面，选择“移动端”，输入项目名称，单击“新建”。 图1 新建移动端项目 系统自动进入该新建项目的“移动端项目”页面，如图2。 图2 移动端项目页面 （可选）项目创建后，可参考项目管理中内容，对项目进行设置。 创建文件夹
移动页面 通过移动页面，将页面移动到其他文件夹中，便于页面集中管理。 移动页面 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在对应的页面上，单击“...”，选择“移动”。 选择目标文件夹，单击“确定”。
标题 标题是文本组件的一种，用于展示大屏的各类标题，可展现大、中、小等类型的标题，并可通过拼搭进行组合使用。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“标题”组件至画布空白区域，如图1。 图1 标题 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
全屏 全屏是基础交互组件的一种，能够灵活的在全屏和小屏中进行切换。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“全屏”组件至画布空白区域，如图1。 图1 全屏 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
支持设置有效期。 有效期设置：设置Token认证有效期。如果不设置有效期，Token认证将永久有效。 设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击
图2 没有该服务访问权限 给IAM用户添加开发者权限 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 单击管理控制台左上角的，展开服务列表，选择“开发与运维 > Astro轻应用（原AppCube）”，进入AstroZero服务控制台。 在As
子、折线图的线条、拐点等。 图4 里程碑图形 碑节点样式 里程碑样式：设置里程碑的样式，可以使用预置样式，也可以使用图片。 节点样式：选择系统预置的里程碑样式，“里程碑样式”选择“预置”时，才会显示该参数。 选择图片：选择本地上传的图片或连接器中的图片，作为里程碑的样式。“里程碑样式”选择“图片”时，才会显示该参数。
初识开发页面 可视化开发页面 AstroCanvas一站式数据可视化开发页面，由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成，各区域功能介绍请参见表1。 图1 可视化开发页面 表1 可视化开发页面功能说明 序号 名称 说明 1 组件 在全部组件中，可以查看到各种
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
