检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何基于页面级的全局变量实现组件交互 AstroCanvas支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值。本章节将以开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警状
视频流 视频流是媒体组件的一种，主要用于对接监控视频流，在可视化应用中主要应用于监控场景需求，对接监控视频展示场景。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“视频流”组件至画布空白区域，如图1。 图1 视频流 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可以理解
队列名称：DLI服务中的队列名称。队列即为计算资源，计算资源是使用DLI服务的基础，用户执行的一切作业都需要使用计算资源。 登录DLI管理控制台。 在左侧导航栏中，选择“资源管理 > 队列管理”。 查看队列名称，如果没有队列，请创建新的队列。 描述：新建数据源的描述信息。 单击“连
热门案例 如何基于页面级的全局变量实现组件交互？ 自定义组件时，如何设置交互事件的输出变量？ 如何在数据集或跳转事件动作中设置变量？ 如何通过全局变量，实现组件数据的动态变化？ 如何使用高级表格的后台分页功能？ 如何使用高级表格的后台排序功能？ 如何使用高级表格的后台筛选功能？ 如何设置echarts组件的自定义交互事件
操作场景 普罗米修斯（Prometheus）是一个开源系统监控和告警工具包，主要用于收集和存储时间序列数据，并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源，将普罗中的数据作为组件的数据展示。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
数据，帮助工厂管理者实现生产过程的全面监控与分析，及时发现并解决生产中的问题，提高生产效率和产品质量。 图2 现场作业看板 展示汇报 数据可视化大屏可以用来展示项目进展、业绩指标、预算执行情况等关键数据，帮助会议参与者更直观地理解信息，做出更明智的决策。此外，数据可视化还能使汇报
设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。 设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS
数据可视技术为核心，以屏幕轻松编排，多屏适配可视为基础，帮助非专业开发者通过图形化界面轻松搭建专业水准的数据可视化大屏应用，满足项目运营管理、业务监控、风险预警等多种业务场景下的一站式数据实时可视化大屏展示需求。 图1 Astro大屏应用业务全景 视频介绍 为什么选择Astro大屏应用
试Key或启用为正式Key。下载新的Key后，需要删除原先的Key，替换为新的Key。 使用机器码生成新的测试Key时，需要先删除失效的Key，再重新注册。因为一个机器码只能注册一个Key。 在浏览器中，输入AstroCanvas服务所在服务器的IP地址和端⼝，可正常进入AstroCanvas界面，说明已部署成功。
设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7
设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7
松调整布局。 特性优势 丰富的组件：各类图表、地图、视频、二三维引擎、Echarts组件等等，快速进行数据可视化。 自定义组件能力：提供自定义组件能力及配套脚手架，轻松实现用户定制化二次开发。 多种快捷配置：组件等比对齐拖拽、完善的配置快捷键、灵活的组件布局校准，帮助用户快速实现样式优化。
组件间交互是指在同一页面中，不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 操作步骤
样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 转换器：选择新建转换器中创建的转换器或AstroCanvas预置的转换器，用于对数据进行转换处理。本示例新建一个转换器，用于返回符合条件的数据。 图3 新增一个转换器
音频 > 音频地址：输入音频的存放地址，仅支持MP3、OGG和WAV格式的音频。 播放 自动播放：开启后，在预览页面或发布后的页面中，会自动播放音频内容。 循环播放：开启后，在预览页面或发布后的页面中，视频播放完成后会再次从头开始播放。 播放速度：设置音频的播放速度，单位为“倍”，如0
录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 标签：SQL作业的标签。单击“标签”后的“展开”，设置标签的键“key”和标签的值“value”，即在DLI构建数据中设置的标签。 设置标签：从设置标签的SQL作业中，获取数据
服务集成APIC（API Connect，简称APIC）是ROMA Connect的API集成组件，APIC将数据和后端服务以API形式开放，简化分享数据或提供服务的过程，降低企业之间对接的成本。 AppKey：ROMA Connect上应用的Key值，获取方式如下： 登录ROMA Connect实例控制台。
右连接：与左连接相反，返回右表中的所有行，如果右表中的行在左表中没有匹配的行，则结果中左表中的列返回“null”。 内连接：取两个表的交集，两张表都有的才能显示出来。 全连接：返回左表和右表中的所有行。如果某行在另一表中没有匹配的行，则另一表中的列返回“null”。 图7 新建汇合转换器
项目发布后，在项目发布的版本管理中，可下载对应版本的项目包。 在AstroCanvas中导出项目时，项目包中包含的数据源密码会被置空。 操作步骤 在AstroCanvas界面的“项目列表”页面，单击待下载项目上的。 在版本管理中，鼠标放在对应版本后的“操作”下，单击。 图1 下载对应版本的项目包
后，在组件“数据”页签中可选择具体的数据集。 连接器管理：通过新建HTTP连接器，可引入第三方的API作为组件的数据来源。 转换器管理：转换器是对数据集数据的再加工，为了将数据和组件更好的结合，以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等，更多介绍请参见资产管理。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
