检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
您也可以在搜索框中，输入所需的组件（如图1），或者按照图2进行查找。 图1 搜索所需组件 图2 按照分类查找 按住鼠标左键，将目标组件拖拽到画布中。 图3 拖拽组件到画布中 组件添加成功后，会自动展示在画布中。您可以通过拖拽组件边框，调整组件的大小，也可以参考拖拽组件中操作，调整组件的位置。
租户管理员参考登录AstroCanvas界面中操作，登录AstroCanvas服务控制台。 在首页中，单击页面右上角的“Astro 低代码平台”，进入Astro低代码平台。 在左侧导航栏中，选择“组织管理”。 在“角色与权限 > Astro Canvas”中，选中新建工作空间中创建的工作空间。 在工作空间目录下
置页面。 参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“资源”。 单击“新建资源”，依次引入有依赖关系的资源。 图1 新增资源 资源：选择需要添加的库。请依次添加有依赖关系的资源，例如A依赖B，请先添加B再添加A。 作用域：设置新建资源作用的域。 项目级：资源应用于整个项目。
管理目录 添加素材 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的素材”。 在我的素材中，单击“添加素材”。 单击或拖拽所需的素材到添加素材页面。 图3 上传素材 选择素材待添加到的目录，单击“确定”。
选中组件，单击组件上方的。 选择所需的数据类型。 在配置流程中，通过SQL语句，获取数据。 数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。
widegtApi > name：组件的名称，如“EchartsWidgetTemplate”。 widgetDescription：组件的描述信息。 authorName: ：组件的作者信息。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为“px”，不填写默认为“200px”。
设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7
设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7
音频 > 音频地址：输入音频的存放地址，仅支持MP3、OGG和WAV格式的音频。 播放 自动播放：开启后，在预览页面或发布后的页面中，会自动播放音频内容。 循环播放：开启后，在预览页面或发布后的页面中，视频播放完成后会再次从头开始播放。 播放速度：设置音频的播放速度，单位为“倍”，如0
tpch数据库 单击已创建的数据库tpch，进入tpch数据库。 （可选）双击对应的表，右侧会显示对应的查询语句，单击“设置”，添加标签。 为作业添加标签后，在AstroCanvas中可通过标签识别到是具体哪个作业的执行结果。如果不设置标签，默认识别到最新作业的执行结果。 图2 设置标签 单击“执行”，构建数据。
参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中，并调整大小。 图1 拖拽自定义背景框到画布中 从“全部组件 > 导航”中拖拽“选项卡”组件到“自定义背景框”中。 图2 拖拽选项卡到自定义背景框组件中 增加选项卡组件的选项卡数量，并设置选项卡名称。
管理目录 新建组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的组件”。 在我的组件中，单击“添加组件”。 单击或拖拽所需的组件到下图红框中。 图3 上传组件 按需设置组件ID和版本说明，单击“保存”。
图层透明度：设置图层的透明度。 图层样式 颜色设置：设置图层的颜色，单击“新增颜色设置”，可添加新的颜色。 最大值：热力值的最大值，默认为数据中的最大值，也可以自定义设置，会控制热力的最热区域的显示效果。 最小值：热力值的最小值，默认为数据中的最小值，也可以自定义设置，会控制热力的最冷区域的显示效果。
stro Canvas”。 在需要添加用户的工作空间中，选中对应的角色权限，单击“新增成员”。 例如，在自定义的“工作空间A”下，为IAM用户添加开发者角色。 图6 新增成员 在添加成员页面中，选择5中已授权的成员，单击“确定”。 图7 选中待添加的IAM用户 以IAM用户登录A
装饰图案 装饰图案是装饰组件的一种，用于为可视化应用添加多种类型的图案元素，能够使可视化应用展示更加美观。 在大屏设计页面，从“全部组件 > 装饰”中，拖拽“装饰图案2”组件至画布空白区域，如图1。 图1 装饰图案2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组
nvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的库”。 在我的库中，单击“添加库”。 单击，选中待上传的库包。 设置库的ID和版本说明，单击“保存”。 图1 设置库基本信息 复制自定义库到其他工作空间 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
背景图是装饰组件的一种，用于为可视化应用添加多种类型的背景图片，能够使可视化应用展示更加美观。 以背景图2为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“背景图2”组件至画布空白区域，如图1。 图1 背景图2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理
G或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置图标的颜色。 图4 配置 交互 在交互中，配置图标组件与
将自定义组件上传到AstroCanvas中，并在页面中使用。 上传自定义组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”，进入我的资产页面。 在左侧导航栏中，选择“我的组件”，单击“添加组件”，进入添加组件页面。 单击，选择新建并开发自定义组件中自定义的组件包BarGraph
确认后，在数据集管理页面的左侧目录树中，可查看到已创建的目录。 图2 查看已创建的目录 重命名目录 目录创建后，支持修改目录的名称。 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 单击新建一个目录中创建的目录，再单击，选择“重命名”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
