检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
propertiesConfig是一个数组,用于保存组件配置项的相关字段,包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍,请参见组件数据接入。 组件配置项 配置示例如下,配置后效果如图2所示,组件配置项详细介绍请参见表1。 {
组件是大屏应用页面的组成元素,配置页面数据即为配置组件数据。在华为云Astro大屏应用中,页面组件的数据来源包括非数据源(包括桥接器预置、静态数据和数据集等)和数据源(包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等)。选中组件,单击组件上方的,即可配置组件在页面呈现数据的来源。
请先新建项目版本并发布该项目版本。 访问项目 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击对应项目上的。 在项目发布中,单击待发布版本后的,设置该版本为当前发布版本。 如何新建项目版本并发布,请参见发布及安装项目。 图1 发布版本
开启后台分页 新建全局变量。 后台分页需要搭配全局变量使用,请创建pageSize、offset两个变量(变量名称可自定义),并为变量添加默认值。因为在触发分页或改变每页数量时需要使用上述两个变量,所以需要一个初始值,否则无法执行到数据配置。 图2 新建分页全局变量 交互设置。
当项目场景较多,一屏无法完全涵盖所有内容或需要额外查询时,为了性能考虑,通常会采取传递参数在另外的页面进行查询后,在当前页面展现,这时就需要在同项目中不同页面间来回跳转。 例如,新建三个页面(页面一、页面二和页面三),向页面一(默认主页)中拖入玫瑰花饼图和基本饼图,向页面二中拖入多区域折线图并发布,向页面三中拖入基本柱图并发布。
将下载到本地的项目安装包,发送给其他需要安装的用户。 其他用户在B环境华为云Astro大屏应用界面,单击“导入项目包”。 选择安装包,安装该项目即可。 安装成功后,界面会显示“安装包成功”。在已安装的项目上,单击项目图标,即可进入该项目。 父主题: 发布及安装项目
选择“Roma连接器”,配置数据源参数。 图1 新建Roma连接器数据源 数据源名称:新建数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 APIC服务地址:ROMA Connect服务集成APIC的网关地址,配置该值后,可实现调用ROMA
选中实心圆饼图,单击。 “数据类型”选中“数据集”,并选择所需的数据集。 在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5 绑定全局变量 在组件预览中,从“表格字段”中拖拽对应的字段到“配置”中,并单击“保存”。 返回大屏设计页面,单击,再单击。 在预览页面,单击折线图
新建页面”,选择“新建空白页面”。 输入页面标题“人员来访统计”,单击“新建”。 页面标题的长度为1~100个字符。如果页面默认大小和您的显示分辨率或目标分辨率不符,请自行调整页面分辨率及组件布局以达到最佳显示效果 在页面上方单击,根据实际需要设置背景图片。 图3 设置背景图片 图4 选择背景图 从全部组件中,分
文件介绍 i18n.json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n": [{ "name":
创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 查询类型:设置查询数据的类型,如查询时间范围内的数据或瞬时数据。
在全部组件中,可以查看到各种类型的组件(包括预置组件和自定义组件),将组件拖拽到画布中进行配置,完成可视化应用项目的开发。更多关于组件的介绍,请参见组件介绍。 2 图层 在图层列表中,可以查看到画布中各个组件的图层位置,也可以根据可视化应用需要,手动调整每个组件图层的上下位置关系。更多关于图层的介绍,请参见图层管理。
在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待修改的页面上,单击。 修改页面标题,单击“更新”。 图1 编辑页面设置 页面标题:输入页面的标题,长度为1~100个字符。 页面描述:通常设置为页面的功能或使用场景。 父主题: 页面管理
eventConfig为组件事件配置项,用于定义组件事件暴露的变量结构,以及事件和对外透传变量的业务含义。eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。 典型示例 典型的eventConfig示例如下: // 组件事件配置项,定义组件事件结构及说明,给全局变量映射使用
Condition 方法 API接口的HTTP方法。 GET:请求服务器返回指定资源。 PUT:请求服务器更新指定资源。 POST:请求服务器新增资源或执行特殊操作。 DELETE:请求服务器删除指定资源。 PATCH:请求服务器更新资源的部分内容。当资源不存在时,PATCH可能会去创建一个新的资源。
复制并粘贴组件 通过复制粘贴功能,可快速将组件的配置参数复制到同类型的另一个组件中,从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“复制并粘贴”。
新增静态数据,支持导入Excel/CSV和手工输入两种方式来新增数据。 手工输入:在右侧数据配置页面,单击,输入对应数据。如果需要添加列或行,可单击“添加列/行”,新增列和行。如果需要删除某些行,可以先选中待删除的行,再单击“删除选中行”。如果需要清除所有内容,可单击“清除列表”。 图2 输入静态数据 将鼠标放在某个列上,单击“
项目页面。 在项目页面,单击“新建页面”。 在新建页面中,单击“新建空白页面”。 输入页面标题,单击“新建”。 页面标题的长度范围为1~100个字符。 拖入组件,根据业务需求开发页面。 页面创建完成后,单击页面上方的保存图标,保存页面。 单击页面上方的预览图标,预览应用页面。 如
页面数据集 操作场景 通过页面数据集,实现多个组件对接同一个数据输入,减少重复的请求和配置。同时,在新建页面数据集时,还支持配置多数据输入(最多10个),来实现组件同时对接多个数据流。 本章节以将两个静态数据集(多数据流1、多数据流2)中的数据汇合后,作为组件的数据来源为例,向您介绍如何创建并使用页面数据集。
组件触发自定义事件时,可以给全局变量赋值,fields数组中每一个对象保存着暴露给全局变量的详细配置。 图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明 name String key值。 desc Object 字段描述,需要国际化。 暴露给全局变量的字段,一定要在触发事件参数中定义,如图3。