检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
Echarts）组件为例，向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts，请提前了解。 图1 最终呈现效果 开发自定义组件 下载图表模板。 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 单击页面
发布及安装项目 发布项目 安装项目 如何将华为云Astro轻应用中的大屏项目迁移到华为云Astro大屏应用
通过桥接器动态调用后台的接口，来获取后台数据展示在页面上，支持使用系统预置的桥接器或自定义桥接器。 预置桥接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击组件上方的。 图1 单击数据 在数据类型中，选择“桥接器预置”，并选中所需的桥接器。
私有化部署是指将在华为云Astro大屏应用企业版实例中开发的项目打包下载，并安装部署到用户的内网中使用。 操作流程 私有化部署华为云Astro大屏应用的操作流程，如图1所示。 图1 华为云Astro大屏应用私有化部署流程 步骤一：购买华为云Astro大屏应用企业版实例 购买一个华为云Astro
先新建项目版本并发布该项目版本。 访问项目 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击对应项目上的。 在项目发布中，单击待发布版本后的，设置该版本为当前发布版本。 如何新建项目版本并发布，请参见发布及安装项目。 图1 发布版本
产品规格差异 华为云Astro大屏应用提供了“华为云Astro大屏应用基础版”、“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”三种实例套餐，各套餐的功能说明如表1所示，具体计费详情请参见AstroCanvas产品价格详情。 华为云Astro大屏应用基础版：
全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。
华为云Astro大屏应用计费概述 通过阅读本文，您可以快速了解华为云Astro大屏应用的计费模式、计费项、续费、欠费等主要计费信息。 计费模式 华为云Astro大屏应用提供了“华为云Astro大屏应用基础版”、“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”
源欠费而导致的数据安全风险。 适用计费项 华为云Astro大屏应用提供了“华为云Astro大屏应用基础版”、“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”三种实例套餐，请根据需要选择按月购买或按年购买。 华为云Astro大屏应用基础版：基于平台预置模板、基础组件，快速开发专业水准大屏。
登录华为云Astro大屏应用界面 在华为云Astro轻应用中，您可以通过多种方式登录华为云Astro大屏应用。在使用华为云Astro大屏应用时，请结合实际情况，选择对应的方式登录华为云Astro大屏应用界面。本手册的界面操作及截图均以我是新用户为例。 我是新用户 新用户购买华为云As
管理页面版本 使用华为云Astro大屏应用开发大屏、移动端页面，支持通过管理页面版本，设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。 操作场景 在华为云Astro大屏应用中，如下两个场景会使用到页面版本： 场景一：开发者开发好第一个页面版本后，发布呈现给用户。然
页面数据来源介绍 组件是大屏应用页面的组成元素，配置页面数据即为配置组件数据。在华为云Astro大屏应用中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
步骤四：新建华为云Astro轻应用数据源 创建一个华为云Astro轻应用数据源，用于对接华为云Astro轻应用环境。 在华为云Astro轻应用服务控制台的左侧导航栏中，单击“Astro大屏应用”，进入华为云Astro大屏应用服务控制台。 在已购买的实例中，单击“进入首页”，进入华为云Astro大屏应用界面。
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时，如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量，实现组件数据的动态变化
s实例或组件实例的某个动作回调绑定发送事件的方法triggerCurrentEvent。单击“新增字段”，可定义发送事件时携带的参数字段。如何为自定义事件添加交互，请参见echarts组件自定义事件交互设置。 图7 自定义事件 自定义动作：echarts组件支持自定义动作，来响应
删除组件 创建分组 自定义组件说明 echarts组件自定义事件交互设置 echarts组件自定义动作交互设置 如何使用高级表格的后台分页功能 如何使用高级表格的后台排序功能 如何使用高级表格的后台筛选功能
进入盘古助手 从数据中心进入盘古助手 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在顶部菜单栏中，选择“数据中心”。 在左侧导航栏中，选择“转换器 > 全部”，参考新建转换器中操作，创建一个转换器。 在修改转换器页面，单击图标，即可进入盘古助手。
交互设置 组件间交互 页面间交互 通过参数控制响应动作 如何自定义动作
数据集管理 （可选）新建目录 静态数据数据集 关系型数据库数据集 ROMA连接器数据集 华为云Astro轻应用API数据集 华为云Astro轻应用数据集 DLI数据集 DWS数据集 HTTP连接器数据集 Prometheus数据集 复制数据集 复制数据集到其它工作空间 分享数据集
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
