检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
天气 天气是文本组件的一种，用于展示相应城市24小时天气预报及未来一周的天气预报。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“天气”组件至画布空白区域，如图1。 图1 天气 图2 天气组件效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡
音频 音频组件用于在可视化大屏中添加音频播放器来播放您的音频，仅支持MP3、OGG和WAV格式的音频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“音频”组件至画布空白区域，如图1。 图1 音频 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片
组件图层位置移动 操作场景 在AstroCanvas大屏开发页面，支持将组件图层向上、向下移动一层或移动至底层等，帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前，表示组件在画布中的显示越靠前。 位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。
全屏 全屏是基础交互组件的一种，能够灵活的在全屏和小屏中进行切换。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“全屏”组件至画布空白区域，如图1。 图1 全屏 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
设置项目封面 项目创建后，支持设置项目封面。项目中创建的第一个大屏页面，为项目的默认封面。 设置项目封面 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在“项目列表”中，单击对应项目上的。 设置项目封面，单击“确定”。 图片默认为匿名可访问，请勿上传包含敏感数据的图片。
排行榜 排行榜是文本组件的一种，用于根据一定的条件，描述数据的先后关系。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“排行榜”组件至画布空白区域，如图1。 图1 排行榜 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
多趋势 多趋势用于显示数据变化的多个趋势值。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“多趋势”组件至画布空白区域，如图1。 图1 多趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
页面数据集 操作场景 通过页面数据集，实现多个组件对接同一个数据输入，减少重复的请求和配置。同时，在新建页面数据集时，还支持配置多数据输入（最多10个），来实现组件同时对接多个数据流。 本章节以将两个静态数据集（多数据流1、多数据流2）中的数据汇合后，作为组件的数据来源为例，向您介绍如何创建并使用页面数据集。
文本编辑 文本编辑是文本组件的一种，用于显示多行文本，可对接数据集并设置交互。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“文本编辑”组件至画布空白区域，如图1。 图1 文本编辑 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片
趋势 趋势是文本组件的一种，用于展示数据变化的趋势。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“趋势”组件至画布空白区域，如图1。 图1 趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
搜索框 搜索框是文本组件的一种，用于搜索内容。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“搜索框”组件至画布空白区域，如图1。 图1 搜索框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
步骤条 步骤条是装饰组件的一种，用于引导用户按照流程完成任务的导航条。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“步骤条”组件至画布空白区域，如图1。 图1 步骤条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
如何基于页面级的全局变量实现组件交互 AstroCanvas支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值。本章节将以开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警状
轮播页面 轮播页面是指通过页面轮播的方式，来实现页面广告的展示。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“轮播页面”组件至画布空白区域，如图1。 图1 轮播页面 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
进度条 进度条是柱状图的一种，通过进度条可实现百分比展示能力，支持电池和柱状图两种展示形式。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“进度条”组件至画布空白区域，如图1。 图1 进度条 图2 进度条效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理
时间轴 时间轴是文本组件的一种，用于按时间顺序来展示了一系列事件。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间轴”组件至画布空白区域，如图1。 图1 时间轴 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
图标进度条 图标进度条是柱状图的一种，通过图标和进度条可实现百分比展示能力，同时支持自定义图标。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“图标进度条”组件至画布空白区域，如图1。 图1 图标进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
复选框 复选框是文本组件的一种，用于选择一个或多个选项。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“复选框”组件至画布空白区域，如图1。 图1 复选框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
仪表盘 仪表盘是指通过仪表的特殊展示方式，对数据进行展示。 在大屏设计页面，从“全部组件 > 仪表盘”中，拖拽“仪表盘”组件至画布空白区域，如图1。 图1 仪表盘 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
图片 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“图片”组件至画布空白区域，如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
