检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
添加组件 在AstroCanvas中，组件是大屏、移动端页面的组成元素。AstroCanvas提供了一些预置组件供您使用，同时支持自定义组件并上传到AstroCanvas中使用。 添加组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在页面编辑模式下，按照组件分类，查找到对应组件。
返回AstroCanvas界面，在主菜单中，选择“我的资产”。 在左侧导航栏中，选择“我的组件”。 在“所有组件”中，查找到玫瑰花饼图，将鼠标放在组件上，单击，将组件下载到本地。 图2 单击玫瑰花饼图 解压下载的组件包，在“RosePieChart_Widget.editor.js”中查找模型名称。
在“服务授权”页签，选中“Astro Canvas”，单击“添加授权成员”，进入添加成员页面。 选择前提条件中的IAM用户，单击“确定”，完成授权操作。 在AstroCanvas成员列表中，可查看到已授权的IAM用户。 图4 添加成员 将IAM用户添加到工作空间。 IAM用户授权后，即可正常进入
参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”，进入我的资产页面。 在左侧导航栏中，选择“我的组件”，单击“添加组件”，进入添加组件页面。 单击，选择新建并开发自定义组件中自定义的组件包BarGraph.zip，填写基本信息，单击“保存”。 图1 上传自定义组件BarGraph
图2 管理目录 添加素材 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的素材”。 在我的素材中，单击“添加素材”。 单击或拖拽所需的素材到添加素材页面。 图3 上传素材 选择素材待添加到的目录，单击“确定”。
为工作空间添加成员 为工作空间添加成员，只有在空间中的成员，才能在该空间下执行创建项目、页面等操作。 前提条件 待添加的成员已完成AstroCanvas授权，否则此处添加成员时无法选择到所需的成员。如何为成员进行授权，请参见授权IAM用户使用AstroCanvas。 添加成员 租户
在已创建的对象中，单击，进入对象详情页面。 图4 选择编辑按钮 在“字段”页签，选中对象中预置的“名称”字段，将“显示名称”修改为“姓名”。 单击“添加”，为对象添加课程字段。 图5 添加课程字段 表3 添加课程字段参数说明 参数 说明 示例 显示名称 新建字段的名称，创建后可修改。 取值范围：1~63个字符。
过滤：设置展示数据的过滤条件，单击“+”可添加该参数。 排序：将展示结果根据某个字段可进行升序或者降序排序，单击“+”可添加该参数。 限制数据行数：设置返回数据的行数，单击“+”可添加该参数。 SQL模式 该模式需要输入SQL语句，支持选择数据表、设置变量，变量定义格式为“${变量名}”，如图4
在配置流程中，通过SQL语句，获取数据。 数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。 数据中的total字段，必须添加到“数据总数”中。 图7 拖拽字段到对应配置中
组件管理 添加组件 拖拽组件 组件对齐 锁定/解锁组件 隐藏组件 重命名组件 将组件保存为卡片 复制并粘贴组件 跨页面复制组件 删除组件 创建分组 自定义组件说明 echarts组件自定义事件交互设置 echarts组件自定义动作交互设置 如何使用高级表格的后台分页功能 如何使用高级表格的后台排序功能
件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作，新建一个空白页面。
} } }) 将修改后的组件Widget包，重新打包。 返回AstroCanvas界面，选择“我的资产 > 我的组件”，单击“添加组件”，将3.d中的组件包上传至组件库中。 图3 上传widget_demo_mintui组件
手工输入：在右侧数据配置页面，单击，输入对应数据。如果需要添加列或行，可单击“添加列/行”，新增列和行。如果需要删除某些行，可以先选中待删除的行，再单击“删除选中行”。如果需要清除所有内容，可单击“清除列表”。 图2 输入静态数据 将鼠标放在某个列上，单击“...”，可对该列进行编辑、删除、复制、左侧插入列和右侧插入列。
在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的组件”。 将鼠标放在对应的组件上，单击，获取锁。 将鼠标放在对应的组件上，单击，进入更新组件页面。 图7 进入更新组件页面 在组件更新页面，上传新的组件、设置组件参数，单击“更新”。 图8 设置组件信息 将鼠标放在对应的组件上，单击，可查看到新版本的组件（如1
选中高级表格组件，单击，进行组件交互设置。 添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。
新建工作空间：实例购买者按需创建工作空间，用于对资源进行隔离。 为工作空间添加成员：为工作空间添加成员，只有在空间中的成员，才能在该空间下执行创建项目、页面等操作。 设置工作空间页面配额：为工作空间设置页面配额，超过页面配额后将无法再新建页面。 创建项目 在AstroCanvas中创建页面前
在左侧导航栏中，选择“资源”。 单击“新建资源”，依次引入有依赖关系的资源。 图1 新增资源 资源：选择需要添加的库。请依次添加有依赖关系的资源，例如A依赖B，请先添加B再添加A。 作用域：设置新建资源作用的域。 项目级：资源应用于整个项目。 页面级：资源应用于哪些页面。 页面作用域：选择资源所应用的页面。
选中高级表格组件，单击，进行组件交互设置。 添加“点击排序时”交互动作。 图4 点击排序时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。
多数据流1”。 图4 添加一个数据输入节点 图5 添加多数据流1后效果 再从数据输入中，拖拽一个数据输入节点到右侧画布中，数据集选择已创建的“多数据流2”。 图6 再添加一个数据输入节点 选中转换器，“联合方式”选择“转换器”，并新增一个转换器。 您也可以将“联合方式”设置为“连接”，通过连接实现数据的汇总，如图8。
显示类型：设置图标的显示类型，支持均分显示和区间显示。 图标图片：“显示类型”设置为“均分显示”时，会根据图标图片的数量，将图标值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的图标。“显示类型”设置为“区间显示”时，可设置不同的区间，当图标值落在对应的区间内，显示对应的颜色值，区域范围外的图标将不显示。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
