检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
)的距离,默认为0,即铺满整个组件。 自定义属性列表:路由视图自定义属性设置,如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中,选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中,设置路由视图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。
视图切换 操作场景 通过视图切换功能,可将页面中的组件切换为列表或卡片样式。 列表:展示了所有组件的icon和标题,方便组件的快速查找。 卡片:展示了组件的初始化样式和标题,方便组件的预览和图层位置的调整。 切换图层 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。
关系型数据库 基于关系型数据库,如MS SQL Server、MySQL、Oracle、GaussDB或PostgreSQL创建的数据集。 前提条件 连接的数据源已创建,如何创建请参见关系型数据库数据源。 创建关系型数据库数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
位置:设置页签的位置,支持默认和自定义两种方式。 快捷设置:设置页签的显示位置,如居左、居右或居中。“位置”设置为“默认”时,才显示该配置。 上间距(%):设置页签距离组件上边界的距离。“位置”设置为“自定义”时,才显示该配置。 左间距(%):设置页签距离组件左边界的距离。“位置”设置为“自定义”时,才显示该配置。
选择“关系型数据库”,配置数据源参数。 图1 新建关系型数据库数据源 数据源名称:新建数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 数据库类型:数据库支持的类型,按需选择。 域名:数据库所在的域名。 端口:数据库端口,取值范围为0~65535。
标准页面布局 选中输入框组件,修改组件的“标签”为“姓名”,并开启“必填”。 图8 修改组件名称 按照9.d中操作,修改其他组件的标签,效果如图9所示。 图9 修改后效果 新建一个对象模型,供页面中的组件绑定。 在标准页面底部,单击“模型视图”,从设计视图切换到模型视图。 单击“新增模型”
新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时,用户可自定义组件包进行上传,在页面中进行使用。在开发自定义组件前,请仔细阅读自定义组件开发规范章节内容,了解组件的开发规范。下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件。
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
图层管理 视图切换 组件图层位置移动 筛选组件
导航 选项卡 路由导航(示例) 路由视图 父主题: 组件介绍
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时,可以在自定义事件中设置。 当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中
我的库 操作场景 在我的库中,管理系统预置的和用户自定义的库,如添加库、查看库历史版本等。 系统预置的库,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义库为例。如何自定义库,请参见如何自定义库。 新建库 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
如何自定义动作 操作场景 在配置组件交互时,可以通过编写代码实现自定义交互动作,从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。
配置项总览 本章节介绍AstroCanvas支持的组件配置项,您可以通过{widget}.editor.js文件中定义的type字段,来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
桥接器删除后,不可恢复请谨慎操作。 修改桥接器名称 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的桥接器”。 将鼠标放在桥接器的名称上,单击,即可修改桥接器名称。 图13 修改组件名称 批量复制自定义桥接器到其他工作空间
自定义桥接器 当需要连接其它数据,以获得组件最佳的展示效果时,可通过自定义数据桥接器实现。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对桥接数据进行对接和改造。 自定义桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroC
配置项。 实时路况:是否显示实时路况。 视图模式:设置地图的视图模式,支持2D平面图和3D平面图。 俯仰角度:设置地图的初始化俯仰角度。“视图模式”设置为“3D平面图”时,才显示该配置项。 地图样式:设置地图样式模板,支持标准模板和自定义模板。 标准模板:设置地图标准的样式模板,
了解代码目录结构 当系统预置的组件无法满足用户需求时,用户可自定义组件并上传到AstroCanvas中使用。AstroCanvas为您预置了一些组件模板(Widget包),您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
组件删除后不可恢复,请谨慎操作。 修改组件名称 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 将鼠标放在组件的名称上,单击,即可修改组件名称。 图18 修改组件名称 批量复制自定义组件到工作空间 参