检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的event
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时，可以在自定义事件中设置。 当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中
通过参数控制响应动作 在设置组件交互动作时，可以通过选择事件参数、全局变量或固定值，明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作，新建一个大屏项目。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入实心圆饼图和下拉选择框。
桥接器模板 桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时，经常要调用后台数据，例如购物车中用户的ID，订单编号，商品信息等，这时需要通过桥接器动态调用后台接口获取后台数据。通过AstroCanvas预置的桥接器模板，您可以自定义桥接器。自定义桥接器时，需要先下载桥
组件响应动作实现 组件除了可以作为事件的触发器，还可以处理事件的响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。
音频 音频组件用于在可视化大屏中添加音频播放器来播放您的音频，仅支持MP3、OGG和WAV格式的音频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“音频”组件至画布空白区域，如图1。 图1 音频 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片
文本 词云 时间轴 通用表格 基础表格 趋势 搜索框 下拉选择框 日历组件 翻牌器 时间展示 时间翻牌器 里程碑 排行榜 天气 文本编辑 复选框 日期选择器 指标 标题 树状下拉框 多趋势 树状表格 高级表格 父主题： 组件介绍
页面数据集 操作场景 通过页面数据集，实现多个组件对接同一个数据输入，减少重复的请求和配置。同时，在新建页面数据集时，还支持配置多数据输入（最多10个），来实现组件同时对接多个数据流。 本章节以将两个静态数据集（多数据流1、多数据流2）中的数据汇合后，作为组件的数据来源为例，向您介绍如何创建并使用页面数据集。
数据中心 转换器管理 连接器管理 数据源管理 数据集管理
数据源管理 关系型数据库数据源 ROMA连接器数据源 AstroZero数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题： 数据中心
如何基于页面级的全局变量实现组件交互 AstroCanvas支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值。本章节将以开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警状
数据集管理 （可选）新建目录 静态数据 关系型数据库 ROMA连接器 AstroZero API AstroZero DLI DWS HTTP连接器 Prometheus 复制数据集 复制数据集到其它工作空间 分享数据集 删除数据集 父主题： 数据中心
最新动态 本文介绍了Astro大屏应用 AstroCanvas各特性版本的功能发布和对应的文档动态，欢迎体验。 2024年6月 序号 功能名称 功能描述 阶段 相关文档 1 Astro大屏应用服务文档首次独立发布 Astro大屏应用（Astro Canvas，简称AstroCan
配置项总览 本章节介绍AstroCanvas支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
通过AstroZero数据源将应用中的数据呈现在AstroCanvas中 应用场景 问卷是一组与产品、社会活动等有关的问题，或者说是一份为进行调查而编制的问题表格，又称调查表。调研人员借助该调查表可对产品使用过程或社会活动过程进行准确、具体的评估，并应用社会学统计方法对收集到的问
slider 配置项说明 表1 slider配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "slider" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name:
文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor
基本概念 工作空间 每一个工作空间，都对应一个新的AstroCanvas。通过创建工作空间，可实现对租户下的资源进行隔离与授权。 项目 在AstroCanvas中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 组件 组件（即Widg
input-number 配置项说明 表1 input-number配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input-number" 配置项类型。 value String 否 value: 1 默认值。 name String 是
成长地图 | 华为云 Astro大屏应用 Astro大屏应用（Astro Canvas，简称AstroCanvas）以数据可视技术为核心，以屏幕轻松编排，多屏适配可视为基础，帮助非专业开发者通过图形化界面轻松搭建专业水准的数据可视化大屏应用，满足项目运营管理、业务监控、风险预警等
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
