检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
“数据类型”选中“数据集”，并选择所需的数据集。 在全局变量配置中，绑定8中的全局变量，并给全局变量赋值。 图5 绑定全局变量 在组件预览中，从“表格字段”中拖拽对应的字段到“配置”中，并单击“保存”。 返回大屏设计页面，单击后，单击。 在预览页面，单击折线图堆叠图表中的系列，页面的全局变量将被设置为参数seriesIndex的值。
在组件的数据集或组件的跳转事件动作中，是支持设置变量的。 操作步骤 在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件 > 图表”中，拖拽“基本柱图”组件至画布空白区域。 在组件上方单击，配置
发布为全局模板 操作场景 页面开发完成后，可将已开发好的页面发布为全局模板。在下次创建页面时，可直接使用该模板创建新的页面，减少重复开发，提高交付效率。 全局模板可在当前环境的所有租户下使用，而发布为模板中生成的模板只能在当前环境的对应租户下使用。 前提条件 发布为全局模板时，请
如何基于页面级的全局变量实现组件交互 AstroCanvas支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值。本章节将以开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警状
如何通过全局变量，实现组件数据的动态变化 操作场景 在AstroCanvas中，支持通过全局变量，来控制组件数据的动态显示。本章节以全局变量，控制地图组件中数据的动态显示为例进行介绍。 操作步骤 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源
> 文本”中，拖拽“高级表格”组件至画布空白区域。 开启后台筛选功能。 图2 开启后台筛选 新建全局变量。 后台筛选需要搭配全局变量使用，请创建filters变量。 图3 新建筛选全局变量。 交互设置。 选中高级表格组件，单击，进行组件交互设置。 添加“点击筛选时”交互动作。 图4
文本”中，拖拽“高级表格”组件至画布空白区域。 开启后台排序功能。 图2 开启后台排序 新建全局变量。 后台排序需要搭配全局变量使用，请创建sortType、sortField。 图3 新建排序全局变量。 交互设置。 选中高级表格组件，单击，进行组件交互设置。 添加“点击排序时”交互动作。
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是：用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集，将该接口的入参与全局变量绑定，则“
通过参数控制响应动作 操作场景 在设置组件交互动作时，可以通过选择事件参数、全局变量或固定值，明确有哪些类型的参数可以传递。 操作步骤 参考创建大屏&PC端项目中操作，新建一个大屏项目。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入实心圆饼图和下拉选择框。
组件间交互是指在同一页面中，不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。
data：保存最详细的动作信息对象。 图6 查看data $pageStore：保存页面中全局变量的对象。 如果在全局变量中，配置了一个field变量，并设置默认值为1。在自定义动作中，通过打印$pageStore（如图3），可以获取到全局变量。 图7 定义全局变量field 图8 查看$pageStore $pageStore
在响应动作中，单击“+ 响应动作”，选择“赋值全局变量”。 在动作详情中，单击“赋值到变量”后的，选择“新建全局变量”。 图4 选择新建全局变量 “变量”设置为“seriesName”，“变量说明”设置为“系列名称”，单击“保存”。 图5 新建全局变量seriesName 返回组件交互页面，“赋值到变量”选择5
HTTP连接器数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。
设置页面。 图2 页面设置 全局变量设置 AstroCanvas支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值，详情请参见如何基于页面级的全局变量实现组件交互。 全局变量中的作用次数，用于统计该全局变量被使用了多少次。 图3 设置全局变量 页面开发流程 在Ast
triggerEvent('sendSelect', params); }, 全局变量 组件触发自定义事件时，可以给全局变量赋值，fields数组中每一个对象保存着暴露给全局变量的详细配置。 图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明 name
metheus数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。
在“数据类型”下拉框中，选择“数据集”，选择创建数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。
安装项目 常见问题 了解更多常见问题、案例和解决方案 热门案例 如何基于页面级的全局变量实现组件交互？ 自定义组件时，如何设置交互事件的输出变量？ 如何在数据集或跳转事件动作中设置变量？ 如何通过全局变量，实现组件数据的动态变化？ 如何使用高级表格的后台分页功能？ 如何使用高级表格的后台排序功能？
开启后台分页 新建全局变量。 后台分页需要搭配全局变量使用，请创建pageSize、offset两个变量（变量名称可自定义），并为变量添加默认值。因为在触发分页或改变每页数量时需要使用上述两个变量，所以需要一个初始值，否则无法执行到数据配置。 图2 新建分页全局变量 交互设置。
单击“交互事件”，选择“选中值发生变化时触发”事件，单击“响应动作”，选择“赋值全局变量”，在“赋值到变量”下拉框中单击“新建全局变量”，新建全局变量“status”，将事件的输出变量（如“selectValue”）赋值给页面级的全局变量“status”，单击“确定”后，单击“完成”。 图3 设置交互事件
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
