检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在新建页面的预置模板、未上线模板或自定义模板中,单击对应的模板。 例如,单击预置模板中的“问题分析”。 在模板预览页面,单击“使用此模板”。 图4 选择模板创建页面 输入页面标题,单击“新建”,即可完成页面的创建。 您可以直接使用该页面,也可以根据自身业务的需求进行二次开发。 单击页面上方的,保存页面。 单击页面上方的,预览应用页面。
如何使用高级表格的后台筛选功能 操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时,在添加转换器时,需要先筛选、再排序、最后分页,如图1。 图1 转换器添加顺序 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
使用空白画布新建页面 创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 操作场景 从零开始,通过拖拽组件、设置页面布局、数据源等,构建AstroCanvas大屏&PC端页面。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
如何使用高级表格的后台排序功能 操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时,在添加转换器时,需要先筛选、再排序、最后分页,如图1。 图1 转换器添加顺序 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
使用页面模板文件新建页面 创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 操作场景 使用页面模板文件,构建开发页面,减少重复开发,提高交付效率。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。 操作步骤 参考登录AstroCan
Astro大屏应用使用流程 AstroCanvas一站式数据可视化开发,分钟级构建业务大屏页面。不过,要熟练使用AstroCanvas大屏,还需要进行一些基础和深入的学习。这里,为您总结了用户咨询的高频问题和搭建经验,并梳理大屏应用开发流程,希望对您的使用有所引导及帮助。 购买AstroCanvas实例
Canvas InstanceManagement”系统策略,您也可以直接使用系统预置的admin用户组。 图1 赋予用户组Astro Canvas InstanceManagement系统策略 IAM用户创建后,请使用IAM用户登录AstroCanvas。登录后会提示图2中所示信息,此
AstroCanvas分享页Token签名校验使用说明 操作场景 通过Token参数签名校验功能,可以对大屏交互时传递的URL进行签名鉴权,保证大屏的URL访问链接不会被篡改,从而提高大屏数据以及用户信息的安全性。 前提条件 在使用Token签名验证功能前,需满足以下条件: AstroCanvas大屏页面,使用Token验证的方式进行发布。
使用AstroCanvas预置模板搭建交通管理大屏 场景说明 交通管理大屏用于监控城市的交通状态,如进出城车辆、路况信息和交通指数等,效果如图1所示。本入门以使用AstroCanvas中预置模板构建一个交通管理大屏为例,向您介绍如何在AstroCanvas中快速构建可视化页面。 图1
如何使用高级表格的后台分页功能 操作场景 后台分页必须和全局变量一起配合使用。要实现后台分页,需要在组件预览时,将数据中的total字段,添加到数据总数中。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 新建一个大屏页面,从“全部组件 >
使用AstroCanvas开发告警处理情况统计移动端页面 场景描述 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1
使用AstroCanvas开发人员来访统计大屏页面 场景描述 人员来访统计大屏用于展示园区中人员相关信息,例如人员类型,人员流量及在园人数等。大屏页面构想,如图1所示。 图1 大屏页面效果 图1中大屏页面由下列组件拼装而成,组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件
连接的数据源已创建,如何创建请参见ROMA连接器数据源。 数据集所使用的转换器已创建,如何创建请参见新建转换器。 AstroCanvas预置了转换器供用户直接使用,用于把调用API接口返回的数据转换成二维结构。如果使用AstroCanvas预置的转换器,则无需执行此操作。 创建ROMA连接器数据集
连接的数据源已创建,如何创建请参见AstroZero数据源。 数据集所使用的转换器已创建,如何创建请参见新建转换器。 AstroCanvas预置了转换器供用户直接使用,用于把调用API接口返回的数据转换成二维结构。如果使用AstroCanvas预置的转换器,则无需执行此操作。本示例中,请提前创建图1中的转换器。
页面开发完成后,可将已开发好的页面发布为全局模板。在下次创建页面时,可直接使用该模板创建新的页面,减少重复开发,提高交付效率。 全局模板可在当前环境的所有租户下使用,而发布为模板中生成的模板只能在当前环境的对应租户下使用。 前提条件 发布为全局模板时,请确保该页面中仅使用了全局资产(全局组件、库、静态数据)。 操作
线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
Body:当请求类型为POST时,还需要设置Body,可以使用默认值也可以根据实际需求进行填写。 Path:URL中配置的带大括号的变量。例如{pathParam} ,其中pathParam会作为变量名。 返回参数:设置返回参数。在Body中,可以贴一段预期结果的json,使用时可以解析出字段格式。 认证信
能后台接口还未开发完成,这时可通过修改桥接器使用静态数据来进行调测。但是当组件较多时,用户逐个修改组件的桥接器配置会过于繁琐,可直接将桥接器配置为调用后台接口,在“项目设置”中打开“启用模拟数据”开关,一键开启当前项目中所有桥接器使用模拟数据,也可以在“组件”页签的组件前单独通过
装饰”中,拖拽“分割线16-1”组件至画布空白区域,如图1。 图1 分割线16-1 页面背景色设置为白色时,分割线组件很难显示出来。使用该组件时,请避免使用白色背景。 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
单击操作列中的,可删除上传的组件包。 上传成功后,返回我的组件页面,可查看到已上传的组件。 图2 查看已上传的BarGraph组件 在大屏页面中使用自定义组件。 参考使用空白画布新建页面中操作,新建一个大屏页面。 在大屏页面的“全部组件 > 其它”中,找到BarGraph组件,拖入到画布中。 图3