检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
入门实践 当您购买了Astro大屏应用实例后,可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍Astro大屏应用常见的搭建实践,帮助您更好的使用Astro大屏应用。 表1 常用最佳实践 实践 描述 使用AstroCanvas开发人员来访统计大屏页面 本实践通过开发一个人员
什么是Astro大屏应用 Astro大屏应用(Astro Canvas,简称AstroCanvas)以数据可视技术为核心,以屏幕轻松编排,多屏适配可视为基础,帮助非专业开发者通过图形化界面轻松搭建专业水准的数据可视化大屏应用,满足项目运营管理、业务监控、风险预警等多种业务场景下的一站式数据实时可视化大屏展示需求。
应用场景 智慧城市 数据可视化大屏在智慧城市中扮演关键角色,可以实时展示城市交通流量、环境污染指数、能源消耗情况等数据,帮助城市管理者及时监测城市运行状况,进行智慧决策,提升城市运行效率和居民生活质量。 图1 S市智慧城市大脑 工业制造 在工业制造领域,数据可视化大屏可以展示生产
移动页面 通过移动页面,将页面移动到其他文件夹中,便于页面集中管理。 移动页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上,单击“...”,选择“移动”。 选择目标文件夹,单击“确定”。
标题 标题是文本组件的一种,用于展示大屏的各类标题,可展现大、中、小等类型的标题,并可通过拼搭进行组合使用。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“标题”组件至画布空白区域,如图1。 图1 标题 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
全屏 全屏是基础交互组件的一种,能够灵活的在全屏和小屏中进行切换。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“全屏”组件至画布空白区域,如图1。 图1 全屏 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
删除页面 页面删除后,不可恢复,请谨慎操作。 删除页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待删除的页面上,单击。 在弹出的提示框中,单击“确定”,即可删除该页面。 页面删除后,不可恢复,删除前请确认无需再使用该页面。
组件入门 什么是组件? 组件(即Widget)是可复用的页面组成元素,一个页面由一个或多个Widget拼装而成。如果将一个页面看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 Widget的运行依赖Library,如果缺少相应的Library,则Widget不能正常
对照表 icon/iconDay 取值 天气状况(中文) 天气状况(英文) 100 晴 Sunny 101 多云 Cloudy 102 少云 Few Clouds 103 晴间多云 Partly Cloudy 104 阴 Overcast 150 晴 Clear 153 晴间多云
音频 音频组件用于在可视化大屏中添加音频播放器来播放您的音频,仅支持MP3、OGG和WAV格式的音频。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“音频”组件至画布空白区域,如图1。 图1 音频 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片
组件设置 在组件设置中,查看并管理当前项目中已引用到的所有组件。 组件设置 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
时间展示 时间展示是文本组件的一种,可展示包含年月日、时分秒的全量时间,并可设置显示对应星期值。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间展示”组件至画布空白区域,如图1。 图1 时间展示 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡
创建分组 用户可以创建分组,并将多个组件放到一个组中。创建分组后,可对该组中的所有组件进行整体复制、删除、移动等操作。若需要解除分组,单击右键选择“解除分组”即可。 创建分组 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,选中所需的组件,单击右键选择“创建分组”。
多趋势 多趋势用于显示数据变化的多个趋势值。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“多趋势”组件至画布空白区域,如图1。 图1 多趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
AstroCanvas使用流程 Astro大屏应用(AstroCanvas)是华为云针对可视化大屏场景的低码平台,可以帮助企业轻松实现数据的可视化开发。在使用AstroCanvas前,建议您先学习本章节内容,了解AstroCanvas的使用流程。 购买AstroCanvas实例
访问项目 访问已发布项目版本的第一个页面。访问前,请先新建项目版本并发布该项目版本。 访问项目 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击对应项目上的。 在项目发布中,单击待发布版本后的,设置该版本为当前发布版本。 如何新建项目版本并发布,请参见发布及安装项目。
发布为首页 项目中存在多个已发布页面时,可指定某个页面为项目首页。如果不指定,默认使用项目中的第一个页面作为项目首页。 例如,某个项目中包含“人员来访统计”(项目的第一个页面,默认为项目首页)和“园区办公人员统计”两个页面,现在将首页更改为“园区办公人员统计”。 发布为首页 参考
管理页面版本 使用AstroCanvas开发大屏、移动端页面,支持通过管理页面版本,设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。 操作场景 在AstroCanvas中,如下两个场景会使用到页面版本: 场景一:开发者开发好第一个页面版本后,发布呈现给用户。然后继
拖拽组件 在画布区域中,选中一个组件或多个组件(按住Ctrl键可选择多个组件),按住鼠标左键可进行拖拽。 拖拽组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,选中一个或多个组件,按住鼠标左键拖拽到对应位置。 图1 拖拽组件 父主题:
隐藏组件 通过组件隐藏功能,可以隐藏多个已部署完成的组件,使得组件过多的可视化页面变得更加清晰,操作更加流程,从而提高可视化页面的开发效率。 组件隐藏后,在开发态和预览页面时,都会隐藏该组件。 隐藏组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。