检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
上传自定义组件 将自定义组件上传到AstroCanvas中,并在页面中使用。 上传自定义组件 参考登录华为云Astro大屏应用界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”,进入我的资产页面。 在左侧导航栏中,选择“我的组件”,单击“添加组件”,进入添加组件页面。
授权IAM用户使用华为云Astro大屏应用 华为账号购买华为云Astro大屏应用实例后,可通过在华为账号下添加IAM用户,实现多人协助开发可视化大屏应用。 前提条件 已参考创建IAM用户中操作,创建IAM用户。默认情况下,新创建的IAM用户没有任何权限。您需要为其授予权限,或将其
树状下拉框 树状下拉框是一种带有树形结构的下拉框,通常用于选择有限选项数据的级联场景。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“树状下拉框”组件至画布空白区域,如图1。 图1 树状下拉框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基
日历组件 日历组件是文本组件的一种,用于展示日历,用户可在具体日期上记录待办事项或者重要内容。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“日历组件”组件至画布空白区域,如图1。 图1 日历组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片
list 配置项说明 表1 list配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "list" 配置项类型。 name String 是 name:"intervalColors" 双向绑定list名称。 label Object 否 label:
华为云Astro轻应用数据集 获取某华为云Astro轻应用环境中的对象数据,作为组件输入数据。 前提条件 连接的数据源已创建,如何创建请参见关系型数据库数据源。 读取对象数据所在的应用已创建,如何创建请参见创建应用。 创建数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
路由导航(示例) 路由导航(示例)是导航组件的一种,通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据大屏提供更多的交互模式。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由导航(示例)”组件至画布空白区域,如图1,路由视图的配置介绍,请参见路由视图。 图1 路由导航(示例)
下拉选择框 下拉选择框是文本组件的一种,用于在下拉框中选择某一项内容,由一个输入框和一个下拉弹出框组成。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“下拉选择框”组件至画布空白区域,如图1。 图1 下拉选择框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理
时间轴 时间轴是文本组件的一种,用于按时间顺序来展示了一系列事件。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间轴”组件至画布空白区域,如图1。 图1 时间轴 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
树状表格 树状表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“树状表格”组件至画布空白区域,如图1。 图1 树状表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
我的库 在我的库中,管理系统预置的和用户自定义的库,如添加库、查看库历史版本等。系统预置的库,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义库为例。 新建自定义库 以某组件中需要使用Vue(系统预置库)以及MintUI(自定义库)为例,介绍如何上传自定义库并如何在组件中使用库。
静态数据数据集 静态数据录入,支持手工输入和导入Excel/CSV两种方式。 创建数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,华为云Astro大屏应用支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义
指标 指标是一种文本组件,用于在可视化页面中显示指标数据。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“指标”组件至画布空白区域,如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
页面间交互 操作场景 页面间交互是指在不同页面中,进行的相互跳转动作。可跳转同一项目中的任一页面,或跳转外部页面。在跳转项目内部页面时,用户可设置跳转携带相关参数。 同项目不同页面之间的跳转 当项目场景较多,一屏无法完全涵盖所有内容或需要额外查询时,为了性能考虑,通常会采取传递参
图标进度条 图标进度条是柱状图的一种,通过图标和进度条可实现百分比展示能力,同时支持自定义图标。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“图标进度条”组件至画布空白区域,如图1。 图1 图标进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
页面数据集 操作场景 通过页面数据集,实现多个组件对接同一个数据输入,减少重复的请求和配置。同时,在新建页面数据集时,还支持配置多数据输入(最多10个),来实现组件同时对接多个数据流。 本章节以将两个静态数据集(多数据流1、多数据流2)中的数据汇合后,作为组件的数据来源为例,向您介绍如何创建并使用页面数据集。
日期选择器 日期选择器是文本组件的一种,用于在页面选择日期。日期选择器由输入框和日期弹出框组成,单击该组件的输入框,弹出日期选择框可选择具体日期。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“日期选择器”组件至画布空白区域,如图1。 图1 日期选择器 图2 边距样式说明 卡片
钻石水位图 钻石水位图是水位图的一种,用于匹配不同风格、场景的大屏面板。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“钻石水位图”组件至画布空白区域,如图1。 图1 钻石水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标
水滴水位图 水滴水位图是水位图的一种,用于匹配不同风格、场景的大屏面板。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水滴水位图”组件至画布空白区域,如图1。 图1 水滴水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标