检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
能正常运行。在项目的资源设置中,您可以管理页面中使用到的库。 资源设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
选择在“数据中心”中配置的数据集,作为组件数据来源。选择此方式时,请确保数据集已在数据中心创建,详情请参见数据中心。 数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“数据集”。 图1 选择数据集 按需选择对应的数据集,更多操作请参见数据集管理。
AppKey:ROMA Connect上应用的Key值,获取方式如下: 登录ROMA Connect实例控制台。 在左侧导航栏中,选择“集成应用”。 单击应用名,进入概览页面,即可查看到Key值。 AppSecret:ROMA Connect上应用的请求密钥,用于私钥认证,获取方式如下:
单击“完成”,设置后用户在单击柱图数据时,会跳转到数据集中设置的具体url页面。 图4 设置页面跳转 设置完成后,单击页面上方的,保存页面。 保存成功后,单击,预览效果是否符合预期。 单击相应数据,跳转到对应页面,符合预期。 父主题: 全局变量
在全部组件中,可以查看到各种类型的组件(包括预置组件和自定义组件),将组件拖拽到画布中进行配置,完成可视化应用项目的开发。更多关于组件的介绍,请参见组件介绍。 2 图层 在图层列表中,可以查看到画布中各个组件的图层位置,也可以根据可视化应用需要,手动调整每个组件图层的上下位置关系。更多关于图层的介绍,请参见图层管理。
如何设置Token认证 在华为云Astro大屏应用中,通过设置Token认证,可以对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不能被篡改,从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍,请参见华为云Astro大屏应用分享页Token签名校验使用说明。
使用华为云Astro大屏应用开发人员来访统计大屏页面 应用场景 人员来访统计大屏用于展示园区中人员相关信息,例如人员类型,人员流量及在园人数等。大屏页面构想,如图1所示。 图1 大屏页面效果 图1中大屏页面由下列组件拼装而成,组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件
华为云Astro轻应用服务控制台。 在华为云Astro轻应用控制台,单击左侧导航栏中的“Astro大屏应用”,进入华为云Astro大屏应用控制台。 在华为云Astro大屏应用控制台中,单击已购买实例中的“进入首页”,即可进入华为云Astro大屏应用界面。 首次进入华为云Astro
如何设置分享码 华为云Astro大屏应用支持设置页面分享码,设置后,需要校验分享码才可正常访问页面,以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目)
log($pageStore); 单击页面上方的,保存页面。 单击,在预览页面,设置日期选择器的开始时间和结束时间。 图4 预览效果 设置完成后,按F12,在“Console”页签,即可获取查看eventParam。 图5 eventParam data:保存最详细的动作信息对象。 图6 查看data
配置数据集,单击“保存”。 图4 设置getWarnDetailByStatus数据集 应用:选择调用自定义接口所属的应用,本示例选择华为云Astro轻应用中安装的“告警服务Mock应用”。 此处的“告警服务Mock应用”仅为示例,在实际使用时,选择华为云Astro轻应用中已安装的一个应用即可。
数据标记柱图 数据标记柱图是柱状图的一种,通过柱形图的形式展现数据的整体表现,额外的数据标注更直观的展现数据的大小。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“数据标记柱图”组件至画布空白区域,如图1。 图1 数据标记柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
组件管理 添加组件 拖拽组件 组件对齐 锁定/解锁组件 隐藏组件 重命名组件 将组件保存为卡片 复制并粘贴组件 跨页面复制组件 删除组件 创建分组 自定义组件说明 echarts组件自定义事件交互设置 echarts组件自定义动作交互设置 如何使用高级表格的后台分页功能 如何使用高级表格的后台排序功能
明哪种协议允许使用,缓解数据包嗅探攻击。 设置内容安全策略 参考创建页面中操作,创建一个大屏页面。 在大屏开发页面,单击页面上方的,保存页面。 保存成功后,单击页面上方的,进行页面发布设置。 打开发布链接。 图1 打开页面发布链接 在访问限制中,配置内容安全策略。 例如,将A市交通管理大屏嵌入第三方系统,如图2所示。
通过桥接器动态调用后台的接口,来获取后台数据展示在页面上,支持使用系统预置的桥接器或自定义桥接器。 预置桥接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 图1 单击数据 在数据类型中,选择“桥接器预置”,并选中所需的桥接器。
购买华为云Astro大屏应用实例 在使用华为云Astro大屏应用前,您需要购买一个华为云Astro大屏应用实例。华为云Astro大屏应用实例是一个独立的资源空间,所有的操作都是在实例内进行,不同实例间的资源相互隔离。 购买华为云Astro大屏应用实例:华为云Astro大屏应用提供了“华为云
复制数据集 创建同类型数据集时,通过复制数据集功能,可减少重复操作,提升开发效率。 复制数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待复制数据集
管理页面版本 使用华为云Astro大屏应用开发大屏、移动端页面,支持通过管理页面版本,设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。 操作场景 在华为云Astro大屏应用中,如下两个场景会使用到页面版本: 场景一:开发者开发好第一个页面版本后,发布呈现给用户。然
数据集创建后,可复制数据集的链接分享给工作空间内的其它用户,其它用户可查看或修改数据集。 分享数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待分享数据集中的,选择“分享”。
mapping: {} } ], } ], 组件使用静态数据 华为云Astro大屏应用通过调用组件定义的getMockData,来获取默认静态数据。 getMockData() { const seviceWaterLevel