检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
应变化。 图8 配置组件交互事件 在页面中拖入并设置多区域折线图组件。 从左侧全部组件中，搜索并拖拽“多区域折线图”，到下拉选择框组件下方。 设置组件标题为“告警分布情况”。 图9 设置组件标题 在组件上方单击，配置组件数据。 数据配置中选择“数据集”，选择4配置的“getWar
变量。 例如，在如何基于页面级的全局变量实现组件交互开发的页面中，在“多区域折线图”组件上方单击，配置组件交互事件。参考图1，单击“+交互事件”，选择“点击”事件，单击“+响应动作”，选择“页面跳转”，跳转到内部其他页面，打开“设置页面参数”开关，设置参数。 配置效果：在发布后的
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是：用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集，将该接口的入参与全
入门实践 当您购买了华为云Astro大屏应用实例后，可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍华为云Astro大屏应用常见的搭建实践，帮助您更好的使用华为云Astro大屏应用。 表1 常用最佳实践 实践 描述 使用华为云Astro大屏应用开发人员来访统计大屏页面 本
如何进行设置页面 在大屏页面中，可以对页面进行一些基础的配置，例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
如何设置内容安全策略 大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 设置内容安全策略 参考创建页面中操作，创建一个大屏页面。
选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台筛选效果
配置过程中页面跳转较多，为了简化操作，华为云Astro大屏应用支持在组件数据配置过程中，直接创建并使用各种类型的数据源。 新建数据源的参数说明和在数据中心中配置的数据源参数含义相同，本章节以华为云Astro轻应用API为例进行说明。 其他数据源 参考登录华为云Astro大屏应用
选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台排序效果
分析服务。用户不需要管理任何服务器，即开即用。支持标准SQL/Spark SQL/Flink SQL，支持多种接入方式，并兼容主流数据格式。数据无需复杂的抽取、转换、加载，使用SQL或程序就可以对云上CloudTable、RDS、DWS、CSS、ECS自建数据库以及线下数据库的异构数据进行探索。
如何设置Token认证 在华为云Astro大屏应用中，通过设置Token认证，可以对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不能被篡改，从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍，请参见华为云Astro大屏应用分享页Token签名校验使用说明。
选择所需的数据类型。 在配置流程中，通过SQL语句，获取数据。 数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。 数据中的total字段，必须添加到“数据总数”中。
从“全部组件 > 图表”中，拖拽“基本柱图”组件至画布空白区域。 在组件上方单击，配置流程选择“静态数据”，并添加url参数，对应数据项的数据详情页面URL，单击“保存”。 图2 配置流程 在组件上方单击，配置组件交互事件。 在作为触发器中，单击“+交互事件”，选择“当点击数据时”事件。
自定义的事件名为“sendSelect”，必须配置。 在组件“.js”文件逻辑代码中，使用“thisObj.triggerEvent()”方法触发该事件时，要将变量字段传入发送的data中。 desc 事件的中英文描述，可描述事件的具体场景、作用，必须配置。 fields 变量列表，必须配置，即事件对外输出的
通过页面数据集，实现多个组件对接同一个数据输入，减少重复的请求和配置。同时，在新建页面数据集时，还支持配置多数据输入（最多10个），来实现组件同时对接多个数据流。 本章节以将两个静态数据集（多数据流1、多数据流2）中的数据汇合后，作为组件的数据来源为例，向您介绍如何创建并使用页面数据集。 前提条件 已参考
在画布中，拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件，单击组件上方的，设置组件数据来源。 在全局变量中，选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中，从表格字段中，拖拽对应的字段到配置中。 设置完成后，单击“保存”。 选择
如何设置分享码 华为云Astro大屏应用支持设置页面分享码，设置后，需要校验分享码才可正常访问页面，以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目）
中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选
中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选
图2 设置桥接器参数 桥接器数据类型：桥接器的数据源类型，支持“静态数据”和自定义接口“AstroZero API”。 URL：配置为自定义接口的URL。如何查看自定义接口URL，请参考查看自定义接口。“桥接器数据类型”选择“AstroZero API”时，才显示该参数。 共享数据：
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
