检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
资产管理 我的卡片 我的素材 我的组件 我的库 我的模板 我的桥接器
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
组件配置项（Config配置） 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题： 自定义组件开发规范
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
AstroCanvas学堂 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时，如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量，实现组件数据的动态变化 如何进行设置页面 如何切换AstroCanvas
组件间交互 操作场景 组件间交互是指在同一页面中，不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
计费模式 包年/包月是一种先付费再使用的计费模式，适用于对资源需求稳定且希望降低成本的用户。通过选择包年/包月的计费模式，您可以预先购买AstroCanvas云服务资源并获得一定程度的价格优惠。本文将介绍包年/包月AstroCanvas资源的计费规则。如果您需要快速了解AstroCanvas
停止计费 包年/包月资源 对于包年/包月计费模式的资源，用户在购买时会一次性付费，服务将在到期后自动停止使用。 如果在计费周期内不再使用包年/包月资源，您可以执行退订操作，系统将根据资源是否属于五天无理由退订、是否使用代金券和折扣券等条件返还一定金额到您的账户。详细的退订规则，请参见云服务退订规则概览
上传自定义组件 将自定义组件上传到AstroCanvas中，并在页面中使用。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”，进入我的资产页面。 在左侧导航栏中，选择“我的组件”，单击“添加组件”，进入添加组件页面
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中，是支持设置变量的。 操作步骤 在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件 > 图表”中，拖拽
权限管理 如果需要对AstroCanvas的资源，给企业中的员工设置不同的访问权限，以达到不同员工之间的权限隔离，可以使用统一身份认证服务（Identity and Access Management，简称IAM）进行精细的权限管理。该服务提供了用户身份认证、权限分配、访问控制等功能
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时，可以在自定义事件中设置。 当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中
通过参数控制响应动作 操作场景 在设置组件交互动作时，可以通过选择事件参数、全局变量或固定值，明确有哪些类型的参数可以传递。 操作步骤 参考创建大屏&PC端项目中操作，新建一个大屏项目。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入实心圆饼图和下拉选择框。 选中实心圆饼图
桥接器模板 操作场景 桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时，经常要调用后台数据，例如购物车中用户的ID，订单编号，商品信息等，这时需要通过桥接器动态调用后台接口获取后台数据。通过AstroCanvas预置的桥接器模板，您可以自定义桥接器。自定义桥接器时，需要先下载桥接器模板
组件响应动作实现 组件除了可以作为事件的触发器，还可以处理事件的响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作
通用设置 操作场景 在通用设置中，可以设置网页图标、开启页面加载动画等功能。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面
手动续费 包年/包月AstroCanvas从购买到被自动删除之前，您可以随时在AstroCanvas控制台为其续费，以延长AstroCanvas的使用时间。 在云服务控制台续费 登录管理控制台。 单击左侧导航栏的图标，选择“开发与运维 > Astro轻应用（原AppCube）”，进入
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
