检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
thisObj), [], ); 响应动作函数 以数据刷新的响应动作函数为例，向您介绍组件的响应动作函数。 /** * 数据刷新的响应动作函数示例 * 文件global_SelectWidget.js中, 与render函数平级定义 */ confirmLocationWidgetCbk:
Destory为组件的通用生命周期函数，其余为推荐模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的event
如何基于页面级的全局变量实现组件交互 AstroCanvas支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值。本章节将以开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警状
如何通过全局变量，实现组件数据的动态变化 操作场景 在AstroCanvas中，支持通过全局变量，来控制组件数据的动态显示。本章节以全局变量，控制地图组件中数据的动态显示为例进行介绍。 操作步骤 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源
有效减少手动修改操作。 该功能的实现原理是：系统在桥接器代码中已增加mockData属性来记录桥接器是否启用了模拟数据，同时在桥接器父类代码中预置了getMockData函数，开发人员只需在自定义桥接器中自己覆写getMockData函数，实现获取模拟数据的逻辑即可。当“启用模
内置API一览表 表1 内置API一览表 API API说明 init 组件渲染的入口函数，组件自己实现继承，使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口，组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。
x”为数据库中的表。 自定义SQL语句时，通过输入 “ $”，可进入表达式设置页面。在表达式设置页面，可从下方左侧面板选择字段名、函数或者直接输入函数，如图3。 图3 表达式设置 刷新数据：单击该按钮，可预览查询出的数据。 单击“保存”，完成DWS数据集的创建。 在组件中使用数据集
"pg_index" 自定义SQL语句时，通过输入 “ $”，可进入表达式设置页面。在表达式设置页面，可从下方左侧面板选择字段名、函数或者直接输入函数，如图5。 图5 表达式设置 单击“保存”，完成数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入
参数renderCbk，类型为Function，当返回结果信息后调用该函数，用于处理返回信息。 参数errCbk，类型为Function，调用该函数来处理错误。 ConnectorIns.query(param)：通过桥接器实例调用process函数，主要作用为发起调用服务的请求和处理返回结果信息，参数说明如下：
页面数据集 操作场景 通过页面数据集，实现多个组件对接同一个数据输入，减少重复的请求和配置。同时，在新建页面数据集时，还支持配置多数据输入（最多5个），来实现组件同时对接多个数据流。 本章节以将两个静态数据集（多数据流1、多数据流2）中的数据汇合后，作为组件的数据来源为例，向您介绍如何创建并使用页面数据集。
参数：执行动作在连接器中，定义的参数。字段类型为“表达式”时，在字段值中单击鼠标，可进入表达式设置页面。在表达式设置页面，可从下方左侧面板选择字段名、函数或者直接输入函数，如图3。 图3 表达式设置 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对
{array} params 事件触发时传入的参数数组对象 * @param {*} receiveActionCbk 动作的回调函数，在回调函数中定义该动作的执行逻辑 */ Studio.registerAction( this, "setSelectedItem"
如何自定义动作 操作场景 在配置组件交互时，可以通过编写代码实现自定义交互动作，从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。
级云上数据仓库服务，具备免运维、在线扩展、高效的多源数据加载能力，兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析，实现数据快速变现。更多关于DWS的介绍，请参见DWS产品文档。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
单击，可最大化实例化代码块页面。 自定义事件：echarts组件支持自定义扩展事件和交互，来扩展组件在系统中的交互能力。单击“新增自定义事件”，可新增事件。在事件实现中，编辑事件实现的代码，为echarts实例或组件实例的某个动作回调绑定发送事件的方法triggerCurrentEvent。单击“新增字段”，可
组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中，可通过“页面跳转”响应动作传递页面参数。当跳转页面时，当前页面参数会传入到打开的页面中，支持自定义传参为固定值，也可绑定页面级全局变量。 例如，在如何基于页面级的全局变量实现组件交互开发的页面中，
如何使用高级表格的后台分页功能 后台分页必须和全局变量一起配合使用。要实现后台分页，需要在组件预览时，将数据中的total字段，添加到数据总数中。 后台分页 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 新建一个大屏页面，从“全部组件 > 文本”中，拖拽“高级表格”组件至画布空白区域。
发布项目 操作场景 项目开发完成后，可以直接在线预览，也可以一键打包从A环境发布、B环境安装，实现开发 > 测试 > 上线的快速部署，从而实现不同环境之间资产的快速迁移。发布项目，支持将项目中的数据集数据一并进行打包。 前提条件 发布项目前，请确保项目中的页面已发布。 操作步骤
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是：用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集，将该接口的入参与全局变
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
