检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
添加组件 在AstroCanvas中，组件是大屏、移动端页面的组成元素。AstroCanvas提供了一些预置组件供您使用，同时支持自定义组件并上传到AstroCanvas中使用。 添加组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在页面编辑模式下，按照组件分类，查找到对应组件。
为工作空间添加成员 为工作空间添加成员，只有在空间中的成员，才能在该空间下执行创建项目、页面等操作。 前提条件 待添加的成员已完成AstroCanvas授权，否则此处添加成员时无法选择到所需的成员。如何为成员进行授权，请参见授权IAM用户使用AstroCanvas。 添加成员 租户
开发人员来访统计大屏页面 开发告警处理情况统计移动端页面 05 实践 弹性云服务器（Elastic Cloud Server）是一种可随时自动获取、计算能力可弹性伸缩的云服务器。 部署web环境 什么是ECS 创建容器应用基本流程 快速创建一个kubernetes集群 3分钟创建一个游戏类容器应用
参数名称：API Key的名称，请根据实际需求进行配置。“接口鉴权方式”设置为“API Key”时，才会显示该参数。 设置执行动作。 图8 添加动作 图9 将鉴权信息中返回的参数赋值给连接器中Header参数 动作名称：设置新增动作的名称，长度为1~32个字符，可包括中文、字母、数字及下划线。
服务启动后，在浏览器中，输入AstroCanvas服务所在服务器的IP地址和端⼝，获取机器码。 http://10.10.*.*:19996/ 其中，“10.10.*.*”为1.d中，修改application.yml时配置的服务器ip、“19996”为端口。 图8 复制服务器机器码 注册服务器。 在AstroCan
图2 管理目录 添加素材 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的素材”。 在我的素材中，单击“添加素材”。 单击或拖拽所需的素材到添加素材页面。 图3 上传素材 选择素材待添加到的目录，单击“确定”。
我的库 在我的库中，管理系统预置的和用户自定义的库，如添加库、查看库历史版本等。系统预置的库，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义库为例。 新建自定义库 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。
OpenLayers地图 OpenLayers地图是一个离线地图组件，可以基于OpenLayers添加各类图层。 在大屏设计页面，从“地图”中，拖拽“OpenLayers地图”组件至画布空白区域，如图1。 图1 OpenLayers地图 图2 边距样式说明 卡片 卡片是指包裹图表
在“服务授权”页签，选中“Astro Canvas”，单击“添加授权成员”，进入添加成员页面。 选择前提条件中的IAM用户，单击“确定”，完成授权操作。 在AstroCanvas成员列表中，可查看到已授权的IAM用户。 图4 添加成员 将IAM用户添加到工作空间。 IAM用户授权后，即可正常进入
息。 authorName: ：组件的作者信息。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为“px”，不填写默认为“200px”。 height：在绝对布局高级页面中，添加该组件时的默认高度，单位为“px”，不填写默认为“200px”。 i18n：指定组件的国际化资源文件，详细介绍请参见i18n
的操作，均以自定义组件为例。 请购买“Astro大屏应用专业版”和“Astro大屏应用企业版”实例，“Astro大屏应用基础版”实例不支持添加自定义组件。 新建目录 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的组件”。
在左侧导航栏中，选择“资源”。 单击“新建资源”，依次引入有依赖关系的资源。 图1 新增资源 资源：选择需要添加的库。请依次添加有依赖关系的资源，例如A依赖B，请先添加B再添加A。 作用域：设置新建资源作用的域。 项目级：资源应用于整个项目。 页面级：资源应用于哪些页面。 页面作用域：选择资源所应用的页面。
分析服务。用户不需要管理任何服务器，即开即用。支持标准SQL/Spark SQL/Flink SQL，支持多种接入方式，并兼容主流数据格式。数据无需复杂的抽取、转换、加载，使用SQL或程序就可以对云上CloudTable、RDS、DWS、CSS、ECS自建数据库以及线下数据库的异构数据进行探索。
选中高级表格组件，单击，进行组件交互设置。 添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。
选中高级表格组件，单击，进行组件交互设置。 添加“点击排序时”交互动作。 图4 点击排序时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。
义），并为变量添加默认值。因为在触发分页或改变每页数量时需要使用上述两个变量，所以需要一个初始值，否则无法执行到数据配置。 图2 新建分页全局变量 交互设置。 选中高级表格组件，单击，进行组件交互设置。 添加“切换分页时”交互动作。 图3 切换分页时交互动作 添加“切换当前页数据条数时”交互动作。
tpch数据库 单击已创建的数据库tpch，进入tpch数据库。 （可选）双击对应的表，右侧会显示对应的查询语句，单击“设置”，添加标签。 为作业添加标签后，在AstroCanvas中可通过标签识别到是具体哪个作业的执行结果。如果不设置标签，默认识别到最新作业的执行结果。 图2 设置标签
GET：请求服务器返回指定资源。 PUT：请求服务器更新指定资源。 POST：请求服务器新增资源或执行特殊操作。 DELETE：请求服务器删除指定资源。 PATCH：请求服务器更新资源的部分内容。当资源不存在时，PATCH可能会去创建一个新的资源。 POST 为接口添加业务访问凭证。
件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作，新建一个空白页面。
音频 音频组件用于在可视化大屏中添加音频播放器来播放您的音频，仅支持MP3、OGG和WAV格式的音频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“音频”组件至画布空白区域，如图1。 图1 音频 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
