检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台筛选效果
、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置指标组件的对齐方式、数值和前后缀。 图6 指标配置 统一配置 > 对齐：设置指标的对齐方式，如左对齐、居中和右对齐。 数值：指标是否显示数值，设置为“显示”时，可设置如下属性。 千分逗号：开启后，数值千位后将添加“，”符号。
标题：是否显示组件标题。设置为显示时，支持设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图4 时间展示配置 年月日 显示：是否显示年月日。 字体：设置年月日字体、颜色和大小等。 时间 显示：是否显示时间。 字体：设置时间字体、颜色和大小等。 星期 显示：是否显示星期。
、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置分割线的颜色。 图4 分割线配置 交互 在交互中，配置分割线组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 装饰
锁定/解锁组件 操作场景 通过锁定功能，锁定多个可视化页面中已配置完成的组件，使之不被随意改动。 组件锁定后，不受可视化页面布局过程中的其他操作影响。 组件锁定后，无法在画布上对组件进行任何操作，直到解锁后才能恢复。 组件锁定后，可避免组件过多引起的误操作。 锁定组件 参考登录A
标题内容：设置标题的内容。 图4 设置标题的具体内容 标题字体：设置标题的字体、颜色和大小等。 配置 在配置中，设置多趋势组件的数值、同比和环比。 图5 多趋势配置 数值配置 显示数字：趋势中是否显示数字。 数字字体：设置数字的字体、大小和颜色等。 前缀：设置数字的前缀。 图6 设置数字前缀 字体大小：设置数字前缀的字体大小。
、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，可对文本的内容进行设置，如输入具体内容、设置内容字体、大小和颜色等。 图4 标题配置 文本设置 文本内容：设置文本内容。 字体：设置输入文本内容的字体、大小和颜色等。 文字间距：设置文字之间的距离。 对齐方式：设置
需的桥接器。 设置桥接器预置数据。 图2 设置桥接器参数 桥接器数据类型：桥接器的数据源类型，支持“静态数据”和自定义接口“AstroZero API”。 URL：配置为自定义接口的URL。如何查看自定义接口URL，请参考查看自定义接口。“桥接器数据类型”选择“AstroZero
在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“AstroZero”，配置数据源参数。 图1 数据源 数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。
从“全部组件 > 图表”中，拖拽“基本柱图”组件至画布空白区域。 在组件上方单击，配置流程选择“静态数据”，并添加url参数，对应数据项的数据详情页面URL，单击“保存”。 图2 配置流程 在组件上方单击，配置组件交互事件。 在作为触发器中，单击“+交互事件”，选择“当点击数据时”事件。
件。 自定义属性列表：路由视图自定义属性设置，如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中，选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中，设置路由视图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题：
组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以global_SelectWidget组件为例：
描述：新建数据集的描述信息，通常设置为数据集的功能。 新增静态数据，支持导入Excel/CSV和手工输入两种方式来新增数据。 手工输入：在右侧数据配置页面，单击，输入对应数据。如果需要添加列或行，可单击“添加列/行”，新增列和行。如果需要删除某些行，可以先选中待删除的行，再单击“删除选中行”。如果需要清除所有内容，可单击“清除列表”。
距离（参见图2），默认为0，即铺满整个组件。 轮播配置 在轮播配置中，设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播图片轮播设置 轮播设置 图片：设置轮播组件的图片。 填充方式：设置图片填充方式，支持填充、包含、覆盖和无。 切换 切换方向：设置图片切换方向，如水平、垂直。
、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置搜索框和搜索按钮。 图4 搜索框配置 搜索框设置 字体：搜索内容的字体大小、颜色等设置。 背景颜色：设置搜索框的背景颜色。 边框颜色：默认状态下，搜索框边框的颜色。 边框聚焦颜色：鼠标选中搜索框时，边框的颜色。
文本位置：设置标题文本位置。 字体：设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的全局样式、表头、行和序列号。 图4 排行榜配置 全局样式 排行榜行数：设置排行榜的行数。 背景色：设置排行榜背景的颜色。 自动轮播：是否开启自动轮播功能。开启后，支持设置轮播速度和单行停顿时间。 表头设置 显示表头：是否显示表头。
、右，如图2）的距离，默认为0，即铺满整个组件。 配置 暂不支持修改素材的背景颜色。 图4 背景图配置 交互 在交互中，配置背景图组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 装饰
图2），默认为0，即铺满整个组件。 配置 在配置中，设置内嵌的本项目其它页面或者外包页面。当嵌入页面虚拟为不同域名时，可以提高整个页面的加载速度。 图4 Iframe布局框配置 页面切换 当有多个页面需要轮播展示时，可打开该开关。开启后，可配置单个页面的展示时长。 页面编辑 单击
、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置组件的样式、颜色和对齐方式。 图4 复选框配置 样式设置：设置勾选框的样式，支持圆角、方形和圆形。 颜色设置 字体颜色：未选中状态下，选项字体的颜色。 背景颜色：选项背景的颜色。 选中态背景颜色：选中状态下，选择框背景的颜色。
、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置趋势的样式。 图4 趋势配置 内边距：设置图表和组件边框之间的距离，单位为px。 对齐方式：标题的对齐方式，支持左对齐、居中和右对齐。 显示标题：是否显示组件标题。 标题内容：“显示标题”开关打开后，设置标题内容。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
