检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
beforeDestroy()函数:组件销毁回调事件,负责组件在销毁期间的内存释放逻辑实现,需要把组件绑定的一些dom事件及全局的引用销毁。 /** * 组件销毁回调事件,负责组件在销毁期间的内存释放逻辑实现,需要把组件绑定的一些dom事件及全局的引用销毁 */ beforeDestroy()
后,在组件“数据”页签中可选择具体的数据集。 连接器管理:通过新建HTTP连接器,可引入第三方的API作为组件的数据来源。 转换器管理:转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等,更多介绍请参见资产管理。
击查找到的结果,进入AstroZero服务控制台。 在主页中,单击“进入首页”,进入AstroZero应用开发页面。 单击主页中的“业务大屏”,或者左侧导航栏中的“业务大屏”,进入业务大屏界面。 图1 单击业务大屏 单击待导出项目上的,进入项目发布页面。 将鼠标放在对应的版本上,单击。
默认情况下,新创建的IAM用户没有任何权限。您需要为其授予权限,或将其加入用户组,并给用户组授权,用户组中的用户将获得用户组的权限。创建用户组时,请给用户组赋予“Astro Canvas InstanceManagement”系统策略,您也可以直接使用系统预置的admin用户组。
在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“转换器 > 全部”。 在转换器管理页面,单击待删除转换器中的,选择“删除”。 转换器较多时,您可以直接搜索待删除转换器的名称,也可以按照目录和状态进行筛选。 在弹出的确认框中,单击“确定”,即可删除该转换器。 执行该操作,将会永久删除转换器,请谨慎操作。
组件响应动作实现 组件除了可以作为事件的触发器,还可以处理事件的响应动作,在响应动作中选择组件响应,就可以选择对应的组件响应动作,数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 图1 响应动作 /** * 文件global_SelectWidget
echarts组件自定义动作交互设置 操作场景 echarts组件作为响应器的动作时,可以在自定义动作中设置。 当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 操作步骤 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。
/astrozero_05_7025.html * 可以直接使用的参数 * eventParam: 组件传递出的参数 * data: 交互动作信息对象 * $pageStore: 保存页面中全局变量的对象 * 你可以用$pageStore.setItems([{key:'id'
Body:当请求类型为POST时,还需要设置Body,可以使用默认值也可以根据实际需求进行填写。 Path:URL中配置的带大括号的变量。例如{pathParam} ,其中pathParam会作为变量名。 返回参数:设置返回参数。在Body中,可以贴一段预期结果的json,使用时可以解析出字段格式。 认证信息
TTP连接器数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的,例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置组件的日期选择器的类型、输入框边框字体设置等。 图4
时间 显示:是否显示时间。 字体:时间的字体、文字大小和文字颜色等。 卡片背景色:设置组件卡片的背景颜色。 卡片宽度:卡片的宽度,单位px。 卡片高度:卡片的高度,单位px。 卡片左间距:卡片和组件左边框的间距。 卡片右间距:卡片和组件右边框的间距。 内部背景颜色:设置组件内部背景颜色。
设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。 在响应动作中,单击“+ 响应动作”,选择“组件响应”。 在动作详情中,设置具体的响应动作。 本示例中,通过选择事件参数,来控制组件值的变化,即单击实心圆饼图中某个数据系列时,下拉选择框中的值随之改变。
翻牌器 翻牌器是文本组件的一种,通过设置翻盘动画效果,来动态展示数据的变化过程。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“翻牌器”组件至画布空白区域,如图1。 图1 翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标
样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 转换器:选择新建转换器中创建的转换器或AstroCanvas预置的转换器,用于对数据进行转换处理。本示例新建一个转换器,用于返回符合条件的数据。 图3 新增一个转换器
目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用:选择调用自定义接口所属的应用。 API接口:选择待调用的API接口,下拉框中的选项取值为接口的标签,如果接口标签取值为中文,则这里“A
图2 配置 容器名称:设置容器的名称,命名必须唯一。名称是组件的唯一标识,设置后其他3D组件会通过这个标识,识别到这个容器,并在容器上进行渲染。 场景地址:设置渲染的3D场景地址。 选择场景:单击“选择场景”,可以在“场景”中新建场景或选择已有场景,也可以从“案例库”中选择场景。 输
“数据类型”选中“数据集”,并选择所需的数据集。 在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5 绑定全局变量 在组件预览中,从“表格字段”中拖拽对应的字段到“配置”中,并单击“保存”。 返回大屏设计页面,单击后,单击。 在预览页面,单击折线图堆叠图表中的系列,页面的全局变量将被设置为参数seriesIndex的值。
桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时,经常要调用后台数据,例如购物车中用户的ID,订单编号,商品信息等,这时需要通过桥接器动态调用后台接口获取后台数据。通过AstroCanvas预置的桥接器模板,您可以自定义桥接器。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对
eg和jfif,图片大小不能超过1MB,建议使用大小为32*32像素的ico图标。 延迟加载隐藏的组件:勾选后,预览或打开页面时,将先加载显示的组件,再加载隐藏的组件。 父主题: 项目管理