检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件间交互 操作场景 组件间交互是指在同一页面中，不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。
标题内容：设置标题内容，如完成率。 标题字体：设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的基本配置和进度条配置。 图4 图标进度条配置 基本配置 数字显示：是否显示数字。 数字位置：设置数字的显示位置，如左、居中或右。 数字字体：设置数字的字体、大小和颜色等。 前缀：输入数字的前缀。 字体大小：设置前缀的字体大小。
为2~26。 POI显示：是否开启POI显示，关闭后不会显示全部地图文字和POI信息。 地图样式 底图样式：设置底图的样式类型，支持标准地图和卫星图。 显示要素：设置地图显示的元素，支持区域面、道路、建筑物和标注。当“底图样式”设置为“标准地图”时，才显示该配置项。 显示路网：是
本章节介绍AstroCanvas支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
AstroCanvas中的全局变量包括项目级全局变量和页面级全局变量两种。项目级全局变量是整个项目中所有页面都可以使用的变量，当项目中页面较多且各页面会使用同一个变量时，通过创建项目变量，可以提高开发效率，提升易用性。页面级全局变量仅针对当前页面生效。 如果在页面中新建一个页面级全局变量，且变量的名称和项目级全局变量
在左侧导航栏中，选择“转换器 > 全部”。 在转换器管理页面，单击待删除转换器中的，选择“删除”。 转换器较多时，您可以直接搜索待删除转换器的名称，也可以按照目录和状态进行筛选。 在弹出的确认框中，单击“确定”，即可删除该转换器。 执行该操作，将会永久删除转换器，请谨慎操作。 父主题： 转换器管理
在数据集管理页面，单击待复制数据集中的，选择“复制”，即可完成数据集的复制。 数据集较多时，可直接搜索待复制数据集的名称，也可以按照数据集类型和状态进行筛选。 父主题： 数据集管理
费用账单 您可以在“费用中心 > 账单管理”查看资源的费用账单，以了解该资源在某个时间段的使用量和计费信息。 账单上报周期 包年/包月计费模式的资源完成支付后，会实时上报一条账单到计费系统进行结算。 查看指定资源的账单 登录管理控制台。 在主菜单中，单击“费用”。 在左侧导航栏中，选择“订单管理
在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击待删除数据集中的，选择“删除”。 数据集较多时，可直接搜索待删除数据集的名称，也可以按照数据集类型和状态进行筛选。 在弹出的确认框中，单击“确定”，即可删除该数据集。 执行该操作，将会永久删除数据集，请谨慎操作。 父主题： 数据集管理
通过组件隐藏功能，可以隐藏多个已部署完成的组件，使得组件过多的可视化页面变得更加清晰，操作更加流程，从而提高可视化页面的开发效率。 组件隐藏后，在开发态和预览页面时，都会隐藏该组件。 隐藏组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组
value) { } } 配置项修改触发事件的回调函数，当前仅支持change事件。 入参vm说明 组件配置项中的disabled、showFunc和events中，都具有入参vm，vm为组件的Widget实例。 配置示例 通用配置示例如下，以global_SelectWidget组件为例
为项目首页。如果不指定，默认使用项目中的第一个页面作为项目首页。 例如，某个项目中包含“人员来访统计”（项目的第一个页面，默认为项目首页）和“园区办公人员统计”两个页面，现在将首页更改为“园区办公人员统计”。 发布为首页 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
获取该组件静态资源的根路径，用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化文件内容，推荐配置vue和vueI18n使用。 hideWidget 隐藏组件。 showWidget 显示组件。 triggerEvent 触发事件，需要配合registerEvent使用。
eventConfig 字段介绍 eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下：
nvas在到期前续费成功，AstroCanvas的运行不受影响。 如果您有订购页面扩容包，执行续费操作时，需要支付的费用为“实例套餐费用”和“扩容包费用”的总和。 续费相关的功能 包年/包月AstroCanvas续费相关的功能，如表1所示。 表1 续费相关的功能 功能 说明 手动续费
购买扩容包增加页面数 页面扩容包仅适用于在购买基础版/专业版实例的基础上使用，不可单独购买和退订。扩容包的使用截止时间与主资源的截止时间保持一致。在使用AstroCanvas过程中，当页面数达到上限时，可通过购买页面扩容包来增加页面数。 页面扩容 参考购买AstroCanvas实
计费项 计费说明 AstroCanvas根据您选择的实例版本、页面扩容包和购买时长进行计费。AstroCanvas提供了三种不同的套餐版本，均为包年/包月购买方式。如果您需要快速了解AstroCanvas服务的具体价格，请参见AstroCanvas价格详情。 表1标“*”的计费项为必选计费项。
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的event
在数据类型中，选择“桥接器预置”，并选中所需的桥接器。 设置桥接器预置数据。 图2 设置桥接器参数 桥接器数据类型：桥接器的数据源类型，支持“静态数据”和自定义接口“AstroZero API”。 URL：配置为自定义接口的URL。如何查看自定义接口URL，请参考查看自定义接口。“桥接器数据类型”选择“AstroZero
产品规格差异 AstroCanvas提供了“Astro大屏应用基础版”、“Astro大屏应用专业版”和“Astro大屏应用企业版”三种实例套餐，各套餐的功能说明如表1所示，具体计费详情请参见AstroCanvas产品价格详情。 Astro大屏应用基础版：基于平台预置模板、基础组件，可快速开发专业水准的大屏。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
