检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
通过复制到功能，可快速将组件复制到其他页面，从而高效完成多个同类型组件配置项参数之间的传递。 跨页面复制组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中一个或多个组件，单击右键，选择“复制到”，并选择组件待复制到的页面。
设置项目封面 项目创建后，支持设置项目封面。项目中创建的第一个大屏页面，为项目的默认封面。 设置项目封面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在“项目列表”中，单击对应项目上的。 设置项目封面，单击“确定”。 图片默认为匿名可访问，请勿上传包含敏感数据的图片。
矩形装饰中。 图5 拖拽图表到矩形装饰中 设置交互能力，根据不同的分类设置基本交互，即组件的显示/隐藏。 选中选项卡组件，单击组件上方的，进入交互设置页面。 在作为触发器中，单击“+ 交互事件”，选择“饼图事件”。 饼图事件对应饼图选项卡，当选择饼图时，显示两个饼图组件，隐藏其他图表组件。
”页签，单击，重新配置。 导入项目 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表页面中，单击“导入项目包”。 图1 导入项目包 选择本地已创建好的项目包，单击“打开”，即可将项目导入到华为云Astro大屏应用。 导入成功后，在项目列表
管理页面版本 使用华为云Astro大屏应用开发大屏、移动端页面，支持通过管理页面版本，设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。 操作场景 在华为云Astro大屏应用中，如下两个场景会使用到页面版本： 场景一：开发者开发好第一个页面版本后，发布呈现给用户。然
选择在“数据中心”中配置的数据集，作为组件数据来源。选择此方式时，请确保数据集已在数据中心创建，详情请参见数据中心。 数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击组件上方的。 在数据类型中，选择“数据集”。 图1 选择数据集
续费 续费概述 手动续费 自动续费
访问项目 访问已发布项目版本的第一个页面。访问前，请先新建项目版本并发布该项目版本。 访问项目 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击对应项目上的。 在项目发布中，单击待发布版本后的，设置该版本为当前发布版本。 如何新建项目版本并发布，请参见发布及安装项目。
页面数据来源介绍 组件是大屏应用页面的组成元素，配置页面数据即为配置组件数据。在华为云Astro大屏应用中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上
设置天气组件数据源 图7 选择桥接器预置-静态数据 静态数据中，“dataNow”对应今日天气，“dataForecast”对应未来几天天气预报。 华为云Astro大屏应用预置了一套漂亮的天气图标，用于在天气组件上使用图标展示天气状况，并用字段“icon”表示今日天气图标，“iconDay
前提条件 待添加的成员已完成华为云Astro大屏应用授权，否则此处添加成员时无法选择到所需的成员。如何为成员进行授权，请参见授权IAM用户使用华为云Astro大屏应用。 添加成员 租户管理员参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用服务控制台。
数据集管理 （可选）新建目录 静态数据数据集 关系型数据库数据集 ROMA连接器数据集 华为云Astro轻应用API数据集 华为云Astro轻应用数据集 DLI数据集 DWS数据集 HTTP连接器数据集 Prometheus数据集 复制数据集 复制数据集到其它工作空间 分享数据集
转换器管理 新建转换器 删除转换器 关注转换器 父主题： 数据中心
连接器管理 新建连接器 复制连接器 删除连接器 父主题： 数据中心
自定义SQL语句时，通过输入“$”，可进入表达式设置页面。在表达式设置页面，可从下方左侧面板选择字段名、函数或者直接输入函数，如图3。 图3 设置表达式 刷新数据：单击该按钮，可预览查询出的数据。 单击“保存”，完成DWS数据集的创建。 在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。 进入大屏开
参考创建大屏&PC端项目中操作，新建一个大屏项目，如页面间交互。 参考使用空白画布新建页面中操作，新建一个空白页面，并拖入玫瑰花饼图。 选中玫瑰花饼图，单击组件上方的，进入交互设置页面。 设置本页面与外部页面之间的跳转。 图11 设置与外部交付的页面 外部页面由于同源策略限制，暂不支持弹窗打开。 在填写外部页
组件图层位置移动 操作场景 在华为云Astro大屏应用大屏开发页面，支持将组件图层向上、向下移动一层或移动至底层等，帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前，表示组件在画布中的显示越靠前。 位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。
指标 指标是一种文本组件，用于在可视化页面中显示指标数据。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“指标”组件至画布空白区域，如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
趋势 趋势是文本组件的一种，用于展示数据变化的趋势。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“趋势”组件至画布空白区域，如图1。 图1 趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
