检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
的开发可视化应用。目前华为云Astro大屏应用中支持如下类型的组件,各组件详情介绍请参见组件介绍。当预置组件不满足需求时,还可以自定义组件并上传到华为云Astro大屏应用中使用,详情请参见自定义组件说明。 当前仅“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”实例,才提供Echarts图表组件。
管理页面版本 使用华为云Astro大屏应用开发大屏、移动端页面,支持通过管理页面版本,设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。 操作场景 在华为云Astro大屏应用中,如下两个场景会使用到页面版本: 场景一:开发者开发好第一个页面版本后,发布呈现给用户。然
自定义组件开发规范 代码结构介绍 组件配置项(Config配置) 组件内置API 组件数据接入 组件交互
登录管理控制台。 单击左侧导航栏的图标,选择 “开发与运维 > Astro轻应用(原AppCube)”,进入华为云Astro轻应用服务控制台。 在左侧导航栏中,选择“Astro大屏应用”,进入华为云Astro大屏应用服务控制台。 在已订购的实例中,单击“退订”。 在弹出的确认框中,单击“退订”,进入退订资源页面。
通用设置 在通用设置中,可以设置网页图标、开启页面加载动画等功能。 项目通用设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。
复制项目版本 项目创建完成后,支持将项目中发布的版本复制到其他工作空间。 复制项目版本 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,将鼠标放在对应的项目上,单击。 选择对应的工作空间和项目版本,单击“确定”。 图1 选择工作空间和项目版本
选中多个组件后,单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式,以及水平和垂直的自动分布方式。 组件对齐 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,选择所需的组件,单击下图红框中图标,进行组件对齐。 图1 组件对齐 父主题:
数据源管理 关系型数据库数据源 ROMA连接器数据源 华为云Astro轻应用数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题: 数据中心
通过桥接器动态调用后台的接口,来获取后台数据展示在页面上,支持使用系统预置的桥接器或自定义桥接器。 预置桥接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 图1 单击数据 在数据类型中,选择“桥接器预置”,并选中所需的桥接器。
”页签,单击,重新配置。 导入项目 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表页面中,单击“导入项目包”。 图1 导入项目包 选择本地已创建好的项目包,单击“打开”,即可将项目导入到华为云Astro大屏应用。 导入成功后,在项目列表
组件交互 组件自定义事件实现 组件响应动作实现 父主题: 自定义组件开发规范
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,华为云Astro大屏应用支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题: 组件管理
静态数据 选择该方式时,页面会获取“输入数据”中的静态数据展示在页面上。华为云Astro大屏应用已预置了静态数据,您也可以自定义静态数据。 静态数据 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“静态数据”。
通过复制粘贴功能,可快速将组件的配置参数复制到同类型的另一个组件中,从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“复制并粘贴”。 图1 复制并粘贴组件 您也可以在
统一配置 是否展示:是否展示词云,默认为是。 词云形状:设置词云形状,如圆形、心形、三角形等。 字体:设置词云的字体。 字号范围:设置词云字号范围。 间距:设置词云间距。 倾斜角度范围:设置词云倾斜角度范围你,取值为[-90, 90]。 角度阶梯:设置词云角度阶梯。 数据系列:展示系列内容,支持修改系列颜色。
锁定组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,单击右键,选择“锁定”,可锁定组件。 图1 在画布中锁定组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击,锁定组件。 图2 在图层中锁定组件 解锁组件 参考登录华为云Astro
选择在“数据中心”中配置的数据集,作为组件数据来源。选择此方式时,请确保数据集已在数据中心创建,详情请参见数据中心。 数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“数据集”。 图1 选择数据集
产品规格差异 华为云Astro大屏应用提供了“华为云Astro大屏应用基础版”、“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”三种实例套餐,各套餐的功能说明如表1所示,具体计费详情请参见AstroCanvas产品价格详情。 华为云Astro大屏应用基础版:
、DLI、DWS、华为云Astro轻应用、华为云Astro轻应用API、HTTP连接器和Prometheus数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前,需要提前在数据中心创建各种类型数据源,配置过程中页面跳转较多,为了简化操作,华为云Astro大屏应用支持