检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
我的模板 操作场景 在我的模板中,可以查看用户发布的页面模板。 图1 发布为模板 复制页面模板到其他工作空间 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的模板”。 将鼠标放在待复制的模板上,单击。
新建数据集 数据集名称:数据集的名称,用于标识该数据集。本示例配置为getWarnDetailByStatus。 数据源连接:选择1中创建的数据源。 目录:设置数据集的存放目录。 责任人:数据集的创建者。 描述:数据集的描述信息,通常设置为数据集的功能。 配置数据集,单击“保存”。 图4
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的素材”。 在我的素材中,单击“添加素材”。 单击或拖拽所需的素材到添加素材页面。 图3 上传素材 选择素材待添加到的目录,单击“确定”。 支持将素材添加到已有目录,或新的目录中。 在大屏设计页面,使用已上传的图片。 从“全部组件
我的库 操作场景 在我的库中,管理系统预置的和用户自定义的库,如添加库、查看库历史版本等。 系统预置的库,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义库为例。如何自定义库,请参见如何自定义库。 新建库 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
设置组件数据源。 选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7
设置组件数据源。 选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7
我的桥接器 操作场景 在我的桥接器中,管理系统预置的和自定义的桥接器,如新建、批量删除、批量复制桥接器到其他工作空间等。 系统预置的桥接器,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义桥接器为例。 新建桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 将鼠标放在对应的组件上,单击,即可查看组件的历史版本。 在历史版本中,单击对应版本后的,可下载组件。 如果为自定义组件,还支持在线编辑对应版本的组件。 图14 查看库的历史版本 下载组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
选择所需的数据类型。 在配置流程中,通过SQL语句,获取数据。 数据接入的SQL语句中,需要添加4中创建的全局变量offset和pageSize,来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。 数据中的total字段,必须添加到“数据总数”中。
ctWidget.zip”。 在组件的“global_SelectWidget.editor.js”文件中,新增eventConfig配置。 eventConfig其实是一个对象,里面包含组件触发的自定义事件、自定义事件的说明以及事件对外输出的变量名、变量含义。 eventConfig:
在画布中,拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中,从表格字段中,拖拽对应的字段到配置中。 设置完成后,单击“保存”。 选择地图组件,单击组件上方的,显示
页面间交互是指在不同页面中,进行的相互跳转动作。可跳转同一项目中的任一页面,或跳转外部页面。在跳转项目内部页面时,用户可设置跳转携带相关参数。 同项目不同页面之间的跳转 当项目场景较多,一屏无法完全涵盖所有内容或需要额外查询时,为了性能考虑,通常会采取传递参数在另外的页面进行查询后,在当前
组件是大屏应用页面的组成元素,配置页面数据即为配置组件数据。AstroCanvas中,页面组件的数据来源包括非数据源(包括桥接器预置、静态数据和数据集等)和数据源(包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等)。选中组件,单击组件上方的,即可配置组件在页面呈现数据的来源。 图1
导入项目后,如果当前环境中不包含同名的数据源,会从项目包中安装数据源。新安装的数据源密码是空的,请在数据源中重新配置密码,也可以在项目页面的“数据”页签,单击“当前页面使用的数据”,重新配置。 图4 导入项目包 选择安装包,安装该项目即可。 安装成功后,界面会显示“安装包成功”。在已安装的项目上,单击项目图标,即可进入该项目。
持对接页面级的数据集,以保证数据的复用。页面级数据集主要是为了支持多个组件对接同一个数据源的情况,可以减少重复的请求跟重复的配置。 页面设置 AstroCanvas可视化开发页面,支持配置页面屏幕大小、适应方式、背景颜色或背景图片等,更多介绍请参见如何进行设置页面。 图2 页面设置
propertiesConfig是一个数组,用于保存组件配置项的相关字段,包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍,请参见组件数据接入。 组件配置项 配置示例如下,配置后效果如图2所示,组件配置项详细介绍请参见表1。 {
右连接:与左连接相反,返回右表中的所有行,如果右表中的行在左表中没有匹配的行,则结果中左表中的列返回“null”。 内连接:取两个表的交集,两张表都有的才能显示出来。 全连接:返回左表和右表中的所有行。如果某行在另一表中没有匹配的行,则另一表中的列返回“null”。 图7 新建汇合转换器
新建Roma连接器数据源 数据源名称:新建数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 APIC服务地址:ROMA Connect服务集成APIC的网关地址,配置该值后,可实现调用ROMA Connect的服务API。 服务集成APIC(API
如何自定义动作 操作场景 在配置组件交互时,可以通过编写代码实现自定义交互动作,从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。
图标图片的数量,会将标签值从最小值到最大值的范围进行均分,落在不同范围的值,将显示对应的图标。“显示类型”设置为“区间显示”时,可设置不同的区间,当标签值落在对应的区间内,显示对应的图标,区域范围外的图标将不显示。 图片宽度:设置图片的宽度。 图片高度:设置图片的高度。 上下偏移:设置图标根据点经纬度的上下偏移。