检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
息。 authorName: ：组件的作者信息。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为“px”，不填写默认为“200px”。 height：在绝对布局高级页面中，添加该组件时的默认高度，单位为“px”，不填写默认为“200px”。 i18n：指定组件的国际化资源文件，详细介绍请参见i18n
音频 音频组件用于在可视化大屏中添加音频播放器来播放您的音频，仅支持MP3、OGG和WAV格式的音频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“音频”组件至画布空白区域，如图1。 图1 音频 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片
管理目录 添加素材 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的素材”。 在我的素材中，单击“添加素材”。 单击或拖拽所需的素材到添加素材页面。 图3 上传素材 选择素材待添加到的目录，单击“确定”。
自定义组件时，如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量，实现组件数据的动态变化
装饰图案 装饰图案是装饰组件的一种，用于为可视化应用添加多种类型的图案元素，能够使可视化应用展示更加美观。 在大屏设计页面，从“全部组件 > 装饰”中，拖拽“装饰图案2”组件至画布空白区域，如图1。 图1 装饰图案2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以
工作空间 新建工作空间 为工作空间添加成员 设置空间页面配额 项目 创建大屏&PC端项目 创建移动端项目 设置项目锁 通用设置 健康检查设置 设置项目封面 页面 使用模板创建页面 使用页面模板文件新建页面 使用空白画布新建页面 为页面添加组件 设置页面数据 设置交互方式 资产迁移
背景图 背景图是装饰组件的一种，用于为可视化应用添加多种类型的背景图片，能够使可视化应用展示更加美观。 以背景图2为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“背景图2”组件至画布空白区域，如图1。 图1 背景图2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架
图标 图标是装饰组件的一种，用于为可视化应用添加多种类型的图标元素，能够使可视化应用展示更加美观。 以图标1为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“图标1”组件至画布空白区域，如图1。 图1 图标1 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理
义），并为变量添加默认值。因为在触发分页或改变每页数量时需要使用上述两个变量，所以需要一个初始值，否则无法执行到数据配置。 图2 新建分页全局变量 交互设置。 选中高级表格组件，单击，进行组件交互设置。 添加“切换分页时”交互动作。 图3 切换分页时交互动作 添加“切换当前页数据条数时”交互动作。
getCsrfToken 通过ajax的方式，调用平台的接口时使用，使用方式参考如下： /* * 如果使用平台桥接器的方式，平台会自动在请求header中添加csrf-token头。 */ HttpUtils.getCsrfToken(function(csrfToken) { $.ajax({
件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作，新建一个空白页面。
（可选）新建分组 当前项目较多时，可通过添加分组，来集中管理项目。 新建分组 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在“项目列表”中，单击“分组”后的“+”，进入新建项目组页面。 输入项目组名称，单击“新建”。 项目组名称的长度为1~64
组件为例。 请购买“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”实例，“华为云Astro大屏应用基础版”实例不支持添加自定义组件。 新建目录 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的组件”。
的某个动作回调绑定发送事件的方法triggerCurrentEvent。单击“新增字段”，可定义发送事件时携带的参数字段。如何为自定义事件添加交互，请参见echarts组件自定义事件交互设置。 图7 自定义事件 自定义动作：echarts组件支持自定义动作，来响应事件。单击“新增
在页面中，组件数据可来自模拟数据或访问业务接口获取。通过是否开启“启用模拟数据”，可对项目中的组件数据来源进行统一控制。 在进行前台页面开发时，经常要通过桥接器动态调用后台的接口来获取后台数据。在页面实际开发过程中，可能后台接口还未开发完成，这时可通过修改桥接器使用静态数据来进行调测。但是当组件较多时
轮播配置 在轮播配置中，设置轮播页面的切换配置、自动播放和分页配置等。 图4 轮播页面轮播配置 轮播设置 页面：添加轮播的页面，可以选择本项目内的页面，也可以选择外部页面，但添加的页面数不能超过10个。 滚动条：是否显示滚动条，如自动或隐藏。 切换配置 切换箭头：是否显示页面切换箭头。
选中高级表格组件，单击，进行组件交互设置。 添加“点击排序时”交互动作。 图4 点击排序时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。
选中高级表格组件，单击，进行组件交互设置。 添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。
夹打成zip包。 将开发好的自定义桥接器zip包上传到华为云Astro大屏应用中。 在我的资产中，单击左侧导航栏的“我的桥接器”。 单击“添加新桥接器”，在“上传源文件”中，选择本地打包好的自定义桥接器包。 设置发行说明后，单击“提交”。 在桥接器列表中，可查看到已上传的桥接器。
在“服务授权”页签，选中“Astro Canvas”，单击“添加授权成员”，进入添加成员页面。 选择前提条件中的IAM用户，单击“确定”，完成授权操作。 在华为云Astro大屏应用成员列表中，可查看到已授权的IAM用户。 图3 添加成员 将IAM用户添加到工作空间。 IAM用户授权后，即可正常进入
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
