检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中,是支持设置变量的。 操作步骤 在大屏编辑页面上方,单击,新建并设置页面级全局变量。 例如,新增全局变量“url”,设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件 > 图表”中,拖拽“基本柱图”组件至画布空白区域。
组件自定义事件实现 组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfi
组件间交互是指在同一页面中,不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 操作步骤
背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增
目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 创建数据集 应用:选择AstroZero中具体的应用。 对象:选择要展示数据关联的对象。 字段:设置数据中展示的字段,支持使用标签。 刷新数据:单击该按钮,可预览数据。
选中多个组件后,单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式,以及水平和垂直的自动分布方式。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,选择所需的组件,单击下图红框中图标,进行组件对齐。
每一个工作空间,都对应一个新的AstroCanvas。通过创建工作空间,可实现对租户下的资源进行隔离与授权。 项目 在AstroCanvas中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Widget)是可复用的大屏或移动端页面
保存页面。 图4 拖入其他组件 单击页面上方的,单击“+新建版本”,会生成第二个版本。 生成的第二个版本会显示在上方,由于发布页设置的是第一个版本的页面,这时用户通过发布后的链接访问页面,页面仍是第一个版本,不会看到第二个版本新建的折线图组件。 图5 新建第二个版本 父主题: 页面管理
阴影颜色:设置阴影的颜色。 水平偏移:设置阴影水平偏移量,单位px。 垂直偏移:设置阴影垂直偏移量,单位px。 模糊半径:设置模糊半径,单位px。 扩散半径:设置扩散半径,单位px。 边框设置 粗细:设置边框的粗细,单位px。 颜色:设置边框的颜色。 类型:设置边框的线类型,支持实线、虚线、点线等。
背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件
自定义标题的内容。 标题位置(上%):设置标题距离组件上边界的距离。 标题位置(左%):“标题获取”设置为“自定义”时,支持设置标题距离组件左边界的距离。 字体:设置标题字体、大小和颜色。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
是否显示:是否显示未来几天的最高温度。 字体:未来几天最高温度的字体、大小和颜色等设置。 未来最低温度 是否显示:是否显示未来几天的最低温度。 字体:未来几天最低温度的字体、大小和颜色等设置。 未来星期展示 是否显示:是否显示未来几天星期。 字体:未来几天星期的字体、大小和颜色等设置。
EG、PNG和GIF格式的图片,且每张图片的大小不超过50MB。 选项卡设置 初次激活是否触发事件:初次激活选项卡时,是否触发事件。 初次激活选项卡:页面加载后显示的激活状态下的选项卡。 选项卡数量:选项卡Tab的数量。 选项卡1/2名称:选项卡显示的名称。 交互 在交互中,配置
音频 > 音频地址:输入音频的存放地址,仅支持MP3、OGG和WAV格式的音频。 播放 自动播放:开启后,在预览页面或发布后的页面中,会自动播放音频内容。 循环播放:开启后,在预览页面或发布后的页面中,视频播放完成后会再次从头开始播放。 播放速度:设置音频的播放速度,单位为“倍”,如0
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题: 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题: 标题:是否显示该组件标题。 内容:组件标题内容。 字体:设置标题内容的字体、大小、颜色等。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与