正在生成
详细信息:
检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件入门 什么是组件? 组件(即Widget)是可复用的页面组成元素,一个页面由一个或多个Widget拼装而成。如果将一个页面看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 Widget的运行依赖Library,如果缺少相应的Library,则Widget不能正常
天气 天气是文本组件的一种,用于展示相应城市24小时天气预报及未来一周的天气预报。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“天气”组件至画布空白区域,如图1。 图1 天气 图2 天气组件效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡
拖拽组件 操作场景 在画布区域中,选中一个组件或多个组件(按住Ctrl键可选择多个组件),按住鼠标左键可进行拖拽。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,选中一个或多个组件,按住鼠标左键拖拽到对应位置。 图1 拖拽组件
隐藏组件 操作场景 通过组件隐藏功能,可以隐藏多个已部署完成的组件,使得组件过多的可视化页面变得更加清晰,操作更加流程,从而提高可视化页面的开发效率。 组件隐藏后,在开发态和预览页面时,都会隐藏该组件。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
音频 音频组件用于在可视化大屏中添加音频播放器来播放您的音频,仅支持MP3、OGG和WAV格式的音频。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“音频”组件至画布空白区域,如图1。 图1 音频 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片
OAuth鉴权的客户端ID。OAuth认证过程中,新建认证密钥时授权类型需选择“客户端模式”,用户建议选择具有管理员权限(System Administrator Profile)的用户。如何获取client_id,请参见客户端模式接入认证。 客户端密码:调用AstroZero接
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题: 组件管理
数据源管理 关系型数据库数据源 ROMA连接器数据源 AstroZero数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题: 数据中心
页面间交互 操作场景 页面间交互是指在不同页面中,进行的相互跳转动作。可跳转同一项目中的任一页面,或跳转外部页面。在跳转项目内部页面时,用户可设置跳转携带相关参数。 同项目不同页面之间的跳转 当项目场景较多,一屏无法完全涵盖所有内容或需要额外查询时,为了性能考虑,通常会采取传递参
组件间交互 操作场景 组件间交互是指在同一页面中,不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。
页面数据集 操作场景 通过页面数据集,实现多个组件对接同一个数据输入,减少重复的请求和配置。同时,在新建页面数据集时,还支持配置多数据输入(最多5个),来实现组件同时对接多个数据流。 本章节以将两个静态数据集(多数据流1、多数据流2)中的数据汇合后,作为组件的数据来源为例,向您介绍如何创建并使用页面数据集。
视频流 视频流是媒体组件的一种,主要用于对接监控视频流,在可视化应用中主要应用于监控场景需求,对接监控视频展示场景。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“视频流”组件至画布空白区域,如图1。 图1 视频流 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构,可
创建移动端项目 操作场景 在AstroCanvas中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,单击“新建项目”。 在新建项
复选框 复选框是文本组件的一种,用于选择一个或多个选项。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“复选框”组件至画布空白区域,如图1。 图1 复选框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
背景图 背景图是装饰组件的一种,用于为可视化应用添加多种类型的背景图片,能够使可视化应用展示更加美观。 以背景图2为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“背景图2”组件至画布空白区域,如图1。 图1 背景图2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架
图标 图标是装饰组件的一种,用于为可视化应用添加多种类型的图标元素,能够使可视化应用展示更加美观。 以图标1为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“图标1”组件至画布空白区域,如图1。 图1 图标1 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理
页面数据来源介绍 组件是大屏应用页面的组成元素,配置页面数据即为配置组件数据。AstroCanvas中,页面组件的数据来源包括非数据源(包括桥接器预置、静态数据和数据集等)和数据源(包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等)。选中组件,单击组件上方的,即可配置组件在页面呈现数据的来源。
自定义桥接器 操作场景 当需要连接其它数据,以获得组件最佳的展示效果时,可通过自定义数据桥接器实现。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对桥接数据进行对接和改造。 自定义桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在A
跨页面复制组件 操作场景 通过复制到功能,可快速将组件复制到其他页面,从而高效完成多个同类型组件配置项参数之间的传递。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中一个或多个组件,单击右键,选择“复制到”,并选择组件待复制到的页面。
设置项目封面 操作场景 项目创建后,支持设置项目封面。项目中创建的第一个大屏页面,为项目的默认封面。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,单击对应项目上的。 设置项目封面,单击“确定”。 图片默认为匿名可访问,请勿上传包含敏感数据的图片。