检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件。 轮播配置 在轮播配置中，设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播设置 轮播设置 图片：设置轮播组件的图片。 填充方式：设置图片填充方式，支持填充、包含、覆盖和无。 切换 切换方向：设置图片切换方向，如水平、垂直。 切换方式：设置图片切换方式，如淡出、推出、展示等。
响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以global_SelectWidget组件为例：
预置多种团队空间角色，预置管理员、开发者、数据分析师、数据工程师和访问者。 丰富组件轻松配置样式，快捷配置灵活实现布局 功能介绍 预置400+各类组件，配合自定义组件能力，实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 特性优势 丰富的组件：各类图表、地图、视频、二三维引擎、
责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 新增静态数据，支持导入Excel/CSV和手工输入两种方式来新增数据。 手工输入：在右侧数据配置页面，单击，输入对应数据。如果需要添加列或行，可单击“添加列/行”，新增列和行。如果需要删除某些行，可以先选中待删除的行
数据的复用。页面级数据集主要是为了支持多个组件对接同一个数据源的情况，可以减少重复的请求跟重复的配置。 页面设置 AstroCanvas可视化开发页面，支持配置页面屏幕大小、适应方式、背景颜色或背景图片等，更多介绍请参见如何进行设置页面。 图2 页面设置 全局变量设置 Astro
配置项总览 本章节介绍AstroCanvas支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
字体：设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的全局样式、表头设置、行、系列号等。 图4 配置 全局样式 表格行数：当前页显示多少行数据。 背景色：设置表格的背景颜色。 轮播：表格是否轮播。设置为“是”时，支持设置单行是否停顿、轮播速度和单行停顿时间。 横向滚动：是否开启横向滚动。 行配置 奇行背景色：设置奇数行数据的背景颜色。
请重置数据。 数据集 选择在“数据中心”中配置的数据集，作为组件数据来源。选择此方式时，请确保数据集已在数据中心创建，详情请参见数据中心。 不是所有的组件都支持数据源设置，组件开发时的属性配置代码中添加“dataSetting”相关配置时，才支持数据源设置。例如“基本柱图”组件的“BarChart_Widget
、换行显示和滚动显示。 内容对齐方式：设置单元格内的内容对齐方式，如左对齐、居中或右对齐，所有内容对齐方式同步修改。 内容字体：设置单元格的内容字体，所有列的内容字体同步修改。 边框：设置单元格的边框样式。 树状表格 懒加载：开启懒加载时，必须配置全局变量和交互事件。 展开层级：选择树状表格的展开层级。
静态数据 操作场景 选择该方式时，页面会获取“输入数据”中的静态数据展示在页面上。AstroCanvas已预置了静态数据，您也可以自定义静态数据。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击组件上方的。 在数据类型中，选择“静态数据”。
参考模板：系统预置的组件样式模板，如默认、带标记模板等。 图表背景：设置图表的背景颜色、圆角和内边距。 配置 在配置中，可以开启或关闭组件的轮播效果。开启轮播效果后，轮播时间间隔不能超过24秒。 图4 配置 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
如何使用高级表格的后台分页功能 如何使用高级表格的后台排序功能 如何使用高级表格的后台筛选功能 如何解决资产冲突问题？ AstroCanvas私有化部署
组件配置项（Config配置） 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题： 自定义组件开发规范
色。 配置 在配置中，设置组件的全局样式、表头设置、行、序列号等。 图5 配置 全局样式 背景色：设置表格的背景颜色。 表格行数：当前页显示多少行数据。 边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文本的显示样式，如显示为省略号和换行显示。 表头对齐方式：设置表头的对齐方式，如左对齐、居中或右对齐。
边框：设置表头的边框样式。 行配置 奇行背景色：设置奇数行数据的背景颜色。 偶行背景色：设置偶数行数据的背景颜色。 单元格 溢出文本：设置表格中超长文本的显示样式，如显示为省略号、换行显示和滚动显示。 内容对齐方式：设置单元格内的内容对齐方式，如左对齐、居中或右对齐，所有列的内容对齐方式同步修改。
角色，才能使得用户组中的用户获得对应的权限，这一过程称为授权。授权后，用户就可以基于被授予的权限对云服务进行操作。 AstroCanvas部署时通过物理区域划分，为项目级服务。授权时，“作用范围”需要选择“区域级项目”，然后在指定区域（如华北-北京4）对应的项目（cn-north
time 配置项说明 表1 time配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "time" 配置项类型。 subType String 否 subType: "date" 子类型，支持的类型有time、date和datetime。 value
list 配置项说明 表1 list配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "list" 配置项类型。 name String 是 name:"intervalColors" 双向绑定list名称。 label Object 否 label:
是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示function定义。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 switch配置示例如下，配置后效果如图1所示。
显示方式：设置数据的显示方式，数据为图片地址时可以展示为图片。 对齐方式：设置数据的对齐方式。 字体：“显示方式”设置为“文字”时显示该参数，设置文字显示的字体、颜色等。 图宽占比(%)：“显示方式”设置为“图片”时显示该参数，设置图形的宽度占比。 图高占比(%)：“显示方式”设置为“图片”时显示该参数，设置图形的高度占比。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
