检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件间交互是指在同一页面中，不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 组件间交互
EG、PNG和GIF格式的图片，且每张图片的大小不超过50MB。 选项卡设置 初次激活是否触发事件：初次激活选项卡时，是否触发事件。 初次激活选项卡：页面加载后显示的激活状态下的选项卡。 选项卡数量：选项卡Tab的数量。 选项卡1/2名称：选项卡显示的名称。 交互 在交互中，配置
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
卡片背景色：设置组件卡片的背景颜色。 卡片宽度：卡片的宽度，取值范围为[0, 200]，单位为px。 卡片高度：卡片的高度，取值范围为[0, 200]，单位为px。 卡片左间距：卡片和组件左边框的间距，取值范围为[0, 200]。 卡片右间距：卡片和组件右边框的间距，取值范围为[0,
背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增
在页面一中，选中玫瑰花饼图，单击组件上方的，设置玫瑰花饼图和页面二之间的交互。 图4 与页面二之间的交互 页面类型：选择待跳转页面的类型，支持选择本项目内页面或外部页面。 内部页面：选择待跳转的具体页面。“页面类型”设置为“内部页面”时，才显示该配置。 外部页面地址：选择待跳转的外部页面地址，可以直
默认选择项：下拉框默认的选择项。 字体：下拉框中字体的大小、颜色等设置。 背景颜色：设置下拉框的背景颜色。 边框颜色：默认状态下，下拉框边框的颜色。 边框聚焦颜色：鼠标选中下拉框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在下拉框上时，边框的颜色。 占位符：没有输入内容时，展示的文字内容。 是
标题字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 时间轴图形 时间轴 时间轴方向：时间轴的方向，支持水平方向和垂直方向。 自动轮播：是否展示自动轮播效果。 间隔时间：间隔的时间。 停留时间：停留的时间。
阴影颜色：设置阴影的颜色。 水平偏移：设置阴影水平偏移量，单位px。 垂直偏移：设置阴影垂直偏移量，单位px。 模糊半径：设置模糊半径，单位px。 扩散半径：设置扩散半径，单位px。 边框设置 粗细：设置边框的粗细，单位px。 颜色：设置边框的颜色。 类型：设置边框的线类型，支持实线、虚线、点线等。
背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增
等待状态：步骤还未完成处于等待状态的颜色。 标签字体：设置步骤标签的字体、大小和颜色等。 描述文字字体：当步骤有描述文字时，描述文字的字体、大小等设置。 标题左边距：步骤标签距离该图标左边的距离。 数据 在数据中，设置步骤条组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置步骤条组件与其他
轮播页面卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目
角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。
该状态下日期块的背景色：设置当前状态下日期块的背景颜色。 日期字体：设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小：设置该状态下日期的行高大小。 内容字体：设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色：设置日历卡片的背景颜色。 边框色：设置日历卡片边框的颜色。 日期块的高度：设置每个日期块的高度。
搜索框设置 字体：搜索内容的字体大小、颜色等设置。 背景颜色：设置搜索框的背景颜色。 边框颜色：默认状态下，搜索框边框的颜色。 边框聚焦颜色：鼠标选中搜索框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在搜索框上时，边框的颜色。 占位符：没有输入搜索内容时，展示的文字内容。 搜索按钮设置
修改项目名称 项目创建后，支持修改项目名称。 修改项目名称 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，将鼠标放在对应的项目上，单击。 根据实际需求，修改项目的名称。 项目名称的长度为1~64个字符，可包括中文、字母、数字及下划线，但不能以下划线开头或结尾。
数据集名称：新建数据集的名称，用于标识该数据集。长度为1~60个字符，可包括中文、字母、数字及下划线。 数据类型：选择“静态数据”。 目录：为数据集指定目录，可以选择（可选）新建目录中创建的目录，或者单击“新增目录”去创建一个目录，也可以使用系统预置的目录（预置分类）。 责任人：数据集的创建人。
连接器删除后不可恢复，请谨慎操作。 删除连接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“连接器”。 在连接器管理页面，单击已创建连接器后的，选择“删除”。 在弹出的确认框中，单击“确定”，即可删除连接器。
删除转换器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“转换器 > 全部”。 在转换器管理页面，单击待删除转换器中的，选择“删除”。 转换器较多时，您可以直接搜索待删除转换器的名称，也可以按照目录和状态进行筛选。
复制并粘贴组件 通过复制粘贴功能，可快速将组件的配置参数复制到同类型的另一个组件中，从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“复制并粘贴”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
