检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
新增项目变量 项目变量是整个项目中所有页面都可以的变量,当项目中页面较多且各页面会使用同一个变量时,通过创建项目变量,可以提高开发效率,提升易用性。 创建项目变量 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,
组件间交互 操作场景 组件间交互是指在同一页面中,不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力
如何通过全局变量,实现组件数据的动态变化 在AstroCanvas中,支持通过全局变量,来控制组件数据的动态显示。本章节以全局变量,控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作,新建关系型数据库数据源。 图1 新建关系型数据库数据源
轮播页面 轮播页面是指通过页面轮播的方式,来实现页面广告的展示。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“轮播页面”组件至画布空白区域,如图1。 图1 轮播页面 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景
通用表格 通用表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“通用表格”组件至画布空白区域,如图1。 图1 通用表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
如何自定义动作 操作场景 在配置组件交互时,可以通过编写代码实现自定义交互动作,从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam
我的素材 操作场景 在我的素材中,管理用户上传的素材,如添加素材、复制素材到其他工作空间、删除素材等。同时,在我的素材页面右侧,可查看资产容量,即所有素材和封面图片的总和。 图1 查看资产容量 新建目录 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中
AstroZero 获取某AstroZero环境中的对象数据,作为组件输入数据。 前提条件 连接的数据源已创建,如何创建请参见关系型数据库数据源。 读取对象数据所在的应用已创建,如何创建请参见创建应用。 创建数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas
授权IAM用户使用AstroCanvas 华为账号购买AstroCanvas实例后,可通过在华为账号下添加IAM用户,实现多人协助开发可视化大屏应用。 前提条件 已参考创建IAM用户中操作,创建IAM用户。默认情况下,新创建的IAM用户没有任何权限。您需要为其授予权限,或将其加入用户组
发布页面 通过发布功能,无需进入开发页面,即可获取页面的访问地址。 发布页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待发布的页面上,单击,进行页面发布设置。 发布链接:单击发布链接后的图标
日历组件 日历组件是文本组件的一种,用于展示日历,用户可在具体日期上记录待办事项或者重要内容。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“日历组件”组件至画布空白区域,如图1。 图1 日历组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
静态数据 静态数据录入,支持手工输入和导入Excel/CSV两种方式。 创建数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 在新增数据集页面
树状表格 树状表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“树状表格”组件至画布空白区域,如图1。 图1 树状表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
使用AstroCanvas开发人员来访统计大屏页面 应用场景 人员来访统计大屏用于展示园区中人员相关信息,例如人员类型,人员流量及在园人数等。大屏页面构想,如图1所示。 图1 大屏页面效果 图1中大屏页面由下列组件拼装而成,组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件
多趋势 多趋势用于显示数据变化的多个趋势值。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“多趋势”组件至画布空白区域,如图1。 图1 多趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成
页面间交互 操作场景 页面间交互是指在不同页面中,进行的相互跳转动作。可跳转同一项目中的任一页面,或跳转外部页面。在跳转项目内部页面时,用户可设置跳转携带相关参数。 同项目不同页面之间的跳转 当项目场景较多,一屏无法完全涵盖所有内容或需要额外查询时,为了性能考虑,通常会采取传递参数在另外的页面进行查询后
指标 指标是一种文本组件,用于在可视化页面中显示指标数据。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“指标”组件至画布空白区域,如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框
使用空白画布新建页面 从零开始,通过拖拽组件、设置页面布局、数据源等,构建AstroCanvas大屏&PC端页面。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录AstroCanvas界面中操作,登录AstroCanvas
使用页面模板文件新建页面 使用页面模板文件,构建开发页面,减少重复开发,提高交付效率。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录AstroCanvas
选项卡 选项卡是导航组件的一种,用于快速在页面某区域中切换不同内容,显示为其关联内容上方的单行元素。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“选项卡”组件至画布空白区域,如图1。 图1 选项卡 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素