检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何基于页面级的全局变量实现组件交互 AstroCanvas支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值。本章节将以开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警状
如何通过全局变量，实现组件数据的动态变化 操作场景 在AstroCanvas中，支持通过全局变量，来控制组件数据的动态显示。本章节以全局变量，控制地图组件中数据的动态显示为例进行介绍。 操作步骤 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源
组件响应动作实现 组件除了可以作为事件的触发器，还可以处理事件的响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的event
如何设置页面间参数传递 AstroCanvas开发中，可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中，可通过“页面跳转”响应动作传递页面参数。当跳转页面时，当前页面参数会传入到打开的页面中，支持自定义传参为固定值，也可绑定页面级全局变量。
如何自定义动作 操作场景 在配置组件交互时，可以通过编写代码实现自定义交互动作，从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是：用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集，将该接口的入参与全局变
打开发布链接（已有项目） 单击，可生成新的链接，原链接将不可访问。单击，可复制该链接。 打开“分享码访问”开关，按照规则要求设置分享码和有效期，单击。 图3 设置分享码 输入的分享码，必须符合如下五个条件： 长度为8~32位，仅包含英文字母、数字、特殊字符。 至少包含一个英文小写字母（a-z）。
单击，可生成新的链接，原链接将不可访问。单击，可复制该链接。 打开“Token认证”开关，设置签名校验参数和有效期。 图3 设置Token认证 ：打开Token认证开关后，AstroCanvas会生成一个Token。单击该图标，可复制Token。 签名地址只允许打开一次：开启后，签
如何自定义库 操作场景 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。 操作步骤 将自定义库的相关文件打成Zip包。 例如，在MintUI官网下载组件库的代码，增加一个packageinfo.json元数据描述文
如何使用高级表格的后台分页功能 后台分页必须和全局变量一起配合使用。要实现后台分页，需要在组件预览时，将数据中的total字段，添加到数据总数中。 后台分页 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 新建一个大屏页面，从“全部组件 > 文本”中，拖拽“高级表格”组件至画布空白区域。
如何解决资产冲突问题？ 问题描述 复制项目版本时，所选项目与目标空间存在资产冲突，如图1。 图1 资产冲突 操作步骤 在系统资产冲突提示界面，单击“查看详情”，查看资产冲突详情。 图2 查看资产冲突详情 查看资产冲突详情后，根据自身需要选择处理逻辑，单击“确定”。 转换器冲突，选
自定义组件时，如何设置交互事件的输出变量 操作场景 开发者自定义组件时，可设置交互事件的输出变量，如图1所示，AstroCanvas支持将事件的输出变量（如“selectValue”）绑定页面级的全局变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
复制项目版本 操作场景 项目创建完成后，支持将项目中发布的版本复制到其他工作空间。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，将鼠标放在对应的项目上，单击。 选择对应的工作空间和项目版本，单击“确定”。 图1 选择工作空间和项目版本
通过页面数据集，实现多个组件对接同一个数据输入，减少重复的请求和配置。同时，在新建页面数据集时，还支持配置多数据输入（最多5个），来实现组件同时对接多个数据流。 本章节以将两个静态数据集（多数据流1、多数据流2）中的数据汇合后，作为组件的数据来源为例，向您介绍如何创建并使用页面数据集。
位置，方便对齐页面组件，发布页面后网格线不会显示出来。开启网格后，支持设置网格的大小和颜色。 图2 开启网格后效果 适应方式 根据需要选择页面适配方式。其中，等比缩放水平铺满、等比缩放垂直铺满和全铺满默认拥有自适应能力，无自适应指页面不会根据不同大小终端设备自适应显示。 图3 适应方式
如何设置内容安全策略 操作场景 大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 操作步骤 参考
我的库 操作场景 在我的库中，管理系统预置的和用户自定义的库，如添加库、查看库历史版本等。 系统预置的库，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义库为例。如何自定义库，请参见如何自定义库。 新建库 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。
如何切换AstroCanvas平台主题颜色 操作场景 AstroCanvas支持切换平台主题颜色，以便于用户可以按照自己喜欢的界面风格进行设置。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas页面，单击页面右上方“账户名”后的。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
