检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
{widget}.js 文件介绍 {widget}.js为组件逻辑文件,整个Widget的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构,应包含表1中API。其中,init、render和beforeDestory为组件的通用生命周期函数,其余为推荐模板实现。
应用场景 智慧城市 数据可视化大屏在智慧城市中扮演关键角色,可以实时展示城市交通流量、环境污染指数、能源消耗情况等数据,帮助城市管理者及时监测城市运行状况,进行智慧决策,提升城市运行效率和居民生活质量。 图1 S市智慧城市大脑 工业制造 在工业制造领域,数据可视化大屏可以展示生产
数据。通过华为云Astro大屏应用预置的桥接器模板,您可以自定义桥接器。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对桥接数据进行对接和改造。如何自定义桥接器,请参见自定义桥接器。 查看桥接器模板 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
发布及安装项目 发布项目 安装项目 如何将华为云Astro轻应用中的大屏项目迁移到华为云Astro大屏应用
在画布区域中,选中一个组件或多个组件(按住Ctrl键可选择多个组件),按住鼠标左键可进行拖拽。 拖拽组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,选中一个或多个组件,按住鼠标左键拖拽到对应位置。 图1 拖拽组件 父主题: 组件管理
作更加流程,从而提高可视化页面的开发效率。 组件隐藏后,在开发态和预览页面时,都会隐藏该组件。 隐藏组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“隐藏”,可隐藏该组件。 图1 隐藏组件 您也可以在
开发可视化应用。目前华为云Astro大屏应用中支持如下类型的组件,各组件详情介绍请参见组件介绍。当预置组件不满足需求时,还可以自定义组件并上传到华为云Astro大屏应用中使用,详情请参见自定义组件说明。 当前仅“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”实例,才提供Echarts图表组件。
删除页面 页面删除后,不可恢复,请谨慎操作。 删除页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待删除的页面上,单击。 在弹出的提示框中,单击“确定”,即可删除该页面。 页面删除后,不可恢复,删除前请确认无需再使用该页面。
设置天气组件数据源 图7 选择桥接器预置-静态数据 静态数据中,“dataNow”对应今日天气,“dataForecast”对应未来几天天气预报。 华为云Astro大屏应用预置了一套漂亮的天气图标,用于在天气组件上使用图标展示天气状况,并用字段“icon”表示今日天气图标,“iconDay”表
创建工作空间 新建工作空间 为工作空间添加成员 设置空间页面配额
音频 音频组件用于在可视化大屏中添加音频播放器来播放您的音频,仅支持MP3、OGG和WAV格式的音频。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“音频”组件至画布空白区域,如图1。 图1 音频 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片
重命名组件 通过重命名功能,可自定义组件的名称,便于搜索和管理。 重命名组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“重命名”。 图1 重命名 您也可以在“图层”中,将鼠标悬浮在组件上,单击“重命名”。
添加组件 在华为云Astro大屏应用中,组件是大屏、移动端页面的组成元素。华为云Astro大屏应用提供了一些预置组件供您使用,同时支持自定义组件并上传到华为云Astro大屏应用中使用。 添加组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页
的操作,均以自定义组件为例。 请购买“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”实例,“华为云Astro大屏应用基础版”实例不支持添加自定义组件。 新建目录 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“我的资产”。
"name": "css/index" } ] } 上传自定义库。 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选中“我的资产”。 在左侧导航栏中,选择“我的库”,单击“添加库”。 单击“+”,选择待上传的库,并设置库的基本信息。
多趋势 多趋势用于显示数据变化的多个趋势值。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“多趋势”组件至画布空白区域,如图1。 图1 多趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
删除卡片 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的卡片”。 将鼠标放在待删除的卡片上,单击。 在弹出的确认框中,单击“确定”,即可删除卡片。 修改卡片名称 参考登录华为云Astro大屏应用
组件设置 在组件设置中,查看并管理当前项目中已引用到的所有组件。 组件设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
等。同时,在我的素材页面右侧,可查看资产容量,即所有素材和封面图片的总和。 图1 查看资产容量 新建目录 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的素材”。 单击所有素材后的“...”,选择“新增目录”。
图表 实心圆饼图 轮播饼图 满月饼图 基本饼图 贪吃蛇饼图 玫瑰花饼图 渐变色饼图 基本折线图 多折线图 区域图 多区域折线图 水位图 箭头水位图 水滴水位图 钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图