检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选择下拉框数据为“已派单”、“处理中”或者“已关闭”,发现多区域折线图数据进行实时更新变化,符合预期。 扩展知识 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 父主题: 全局变量
如何进行设置页面 在大屏页面中,可以对页面进行一些基础的配置,例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小,可以使用默认的屏幕大小,也可以自定义页面的大小,以适配大屏尺寸,推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
如何设置内容安全策略 大屏页面嵌入第三方系统时(例如以iframe形式嵌入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。 设置内容安全策略 参考创建页面中操作,创建一个大屏页面。
静态数据。设置为“Excel模式”时,可执行如下操作: 单击“文件导入”,可将本地的数据导入到当前组件中使用。仅支持导入CSV和Excel格式的文件,且文件大小不能超过100KB。 执行导入操作前,请单击“?”,查看当前组件对静态数据字段的要求。例如,玫瑰花饼图要求静态数据必须存
如何使用高级表格的后台分页功能 后台分页必须和全局变量一起配合使用。要实现后台分页,需要在组件预览时,将数据中的total字段,添加到数据总数中。 后台分页 参考登录华为云Astro大屏应用界面中操作,登录AstroCanvas界面。 新建一个大屏页面,从“全部组件 > 文本”中,拖拽“高级表格”组件至画布空白区域。
如何进行版本回退 开发者开发某个大屏页面时,希望回退到历史某个页面版本进行编辑。 版本回退 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表的所有项目中,单击页面所在的项目,进入项目。 在所有页面中,单击对应的页面,单击“编辑页面”,进入大屏开发页面。
如何使用高级表格的后台筛选功能 操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时,在添加转换器时,需要先筛选、再排序、最后分页,如图1。 图1 转换器添加顺序 后台筛选 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
如何设置页面间参数传递 华为云Astro大屏应用开发中,可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中,可通过“页面跳转”响应动作传递页面参数。当跳转页面时,当前页面参数会传入到打开的页面中,支持自定义传参为固定值,也可绑定页面级全局变量。
口“AstroZero API”。 URL:配置为自定义接口的URL。如何查看自定义接口URL,请参考查看自定义接口。“桥接器数据类型”选择“AstroZero API”时,才显示该参数。 共享数据:是否共享数据。勾选表示某项目里多个组件调用一个公共的请求(请求路径与入参均一致才
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是:用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集,将该接口的入参与全
如何使用高级表格的后台排序功能 操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时,在添加转换器时,需要先筛选、再排序、最后分页,如。 图1 转换器添加顺序 后台排序 参考登录华为云Astro大屏应用界面中操作,登录AstroCanvas界面。 新建后台排序转换器。
通过移动页面,将页面移动到其他文件夹中,便于页面集中管理。 移动页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上,单击“...”,选择“移动”。 选择目标文件夹,单击“确定”。 图1
如何通过全局变量,实现组件数据的动态变化 在华为云Astro大屏应用中,支持通过全局变量,来控制组件数据的动态显示。本章节以全局变量,控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作,新建关系型数据库数据源。 图1 新建关系型数据库数据源
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中,是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方,单击,新建并设置页面级全局变量。 例如,新增全局变量“url”,设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
编辑该列 导入Excel或CSV 单击“新增静态数据”,将本地的Excel或CSV文件(文件大小不能超过100KB)拖入“上传文件”中,单击“保存”。 单击“保存”,完成数据集的创建。 在数据集管理列表中,可查看到已创建的数据集。 在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。
使用华为账号,登录华为云网站,在顶部导航栏右侧单击“控制台”,进入华为云控制台。 在左侧导航栏上方,单击,选择服务实例所在的区域项目。 单击,在查找框中搜索“Astro轻应用”,单击查找到的结果,进入华为云Astro轻应用服务控制台。 在主页中,单击“进入首页”,进入应用开发页面。 单击主页中的“业务大屏
中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册,以global_SelectWidget组件为例: 在文件global_SelectWidget.editor.js中定义事件 eventConfig:
(可选)项目创建后,可参考项目管理中内容,对项目进行设置。 创建文件夹 项目创建后,支持在项目中创建文件夹,用于集中管理页面。 在“移动端项目”页面,单击“所有页面”后的“...”,选择“新建文件夹”。 在创建文件夹页面,输入文件夹标题,单击“确定”,即可在项目中创建文件夹。 文件夹标题的长度不能超过64个字符,
(可选)项目创建后,可参考项目管理中内容,对项目进行设置。 新建文件夹 项目创建后,支持在项目中新建文件夹,用于集中管理页面。 在“大屏&PC端项目”页面,单击“所有页面”后的“...”,选择“新建文件夹”。 在创建文件夹页面,输入文件夹标题,单击“确定”,即可在项目中创建文件夹。 文件夹标题的长度不能超过64个字
配置数据集参数。 图2 配置数据集参数 查询类型:设置查询数据的类型,如查询时间范围内的数据或瞬时数据。 查询周期:设置查询时间的周期,某一个时间段内或某个时间点。 最大采样点数:设置查询数据的个数,取值范围为[1, 10000]。假设,查询周期设置为过去的3小时,最大采样点数设置