检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
以图标1为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“图标1”组件至画布空白区域，如图1。 图1 图标1 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 图标卡片 背景 背景色：设置组件卡片的背景颜色。
在大屏设计页面，从“全部组件 > 图表”中，拖拽“三角形水位图”组件至画布空白区域，如图1。 图1 三角形水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 三角形水位图卡片 卡片装饰：卡片装饰设置，可
在大屏设计页面，从“全部组件 > 媒体”中，拖拽“图片”组件至画布空白区域，如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 图片卡片 背景 背景色：设置组件卡片的背景颜色。
在大屏设计页面，从“全部组件 > 媒体”中，拖拽“轮播图片”组件至画布空白区域，如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 轮播图片卡片 背景 背景色：设置组件卡片的背景颜色。
在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间选择器”组件至画布空白区域，如图1。 图1 时间选择器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 时间选择器卡片 背景 背景色：设置组件卡片的背景颜色。
在大屏设计页面，从“全部组件 > 图表”中，拖拽“散点图”组件至画布空白区域，如图1。 图1 散点图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 散点图卡片 卡片装饰：卡片装饰设置，可根据自
数据库类型：数据库支持的类型，按需选择。 域名：数据库所在的域名。 端口：数据库端口，取值范围为0~65535。 架构名称：MS SQL Server数据库的架构名称。当“数据库类型”配置为“MS SQL Server”时，该参数才会显示。 用户名：登录数据库的用户名。 密码：登录数据库用户对应的密码。
组件对齐 选中多个组件后，单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式，以及水平和垂直的自动分布方式。 组件对齐 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页面编辑模式下，选择所需的组件，单击下图红框中图标，进行组件对齐。
Prometheus数据源 普罗米修斯（Prometheus）是一个开源系统监控和告警工具包，主要用于收集和存储时间序列数据，并提供了强大的查询和告警功能。华为云Astro大屏应用支持对接Prometheus数据源，将普罗中的数据作为组件的数据展示。 新建Prometheus数据源
、图形、图例、提示、参考线和坐标轴七大类（不同的组件展示有所不同，请以实际展示的为准）。 图3 组件配置项面板 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图形是指组件中，实现数据可视化的具体图形表达元素，
表1 华为云Astro大屏应用套餐规格清单 版本类型 基础版 专业版 企业版 空间数 2个 5个 100个 页面数 20页 40页 500页 存储容量 5G 10G 100G 加密分享 支持 支持 支持 数据接入 支持 支持 支持 项目管理 支持 支持 支持 图表组件 支持 支持 支持
如何基于页面级的全局变量实现组件交互 华为云Astro大屏应用支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值。本章节将以开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警
什么是华为云Astro大屏应用 华为云Astro大屏应用（Huawei Cloud Astro Canvas）以数据可视技术为核心，以屏幕轻松编排，多屏适配可视为基础，帮助非专业开发者通过图形化界面轻松搭建专业水准的数据可视化大屏应用，满足项目运营管理、业务监控、风险预警等多种业
购买之前，您必须确保账户余额充足。关于计费模式的详细介绍，请参见计费模式。 计费项 华为云Astro大屏应用服务的计费项由空间数、页面数、存储容量、加密分享、数据接入、项目管理和图表组件等组成。关于计费项的详细介绍，请参见计费项。 续费 包年/包月华为云Astro大屏应用到期后，
ECharts图表”中，拖拽“基础折线图”组件至画布空白区域，如图1。 图1 Echarts图表 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 ECharts图表卡片 卡片装饰：卡片装饰设
初识开发页面 可视化开发页面 华为云Astro大屏应用一站式数据可视化开发页面，由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成，各区域功能介绍请参见表1。 图1 可视化开发页面 表1 可视化开发页面功能说明 序号 名称 说明 1 组件 在全部组件中，可以查看到各
后不支持修改。 必须以英文字母开头，只能由英文字母、数字或单下划线组成，且不允许以下划线结尾。 Questionnaire 创建对象，用于存储问卷数据。 在应用设计器的左侧导航栏中，选择“数据”，单击对象中的“+”。 设置对象的名称和唯一标识，单击“确定”。 图3 创建问卷调查对象
widgetBridgeTemplate 当自定义组件需要通过桥接器调用后台数据时，请选用该模板。 widgetPageMacroTemplate 当需要使用页面宏来存储变量时，请选用该模板。 在组件模板列表中，单击“EchartsWidgetTemplate”，进入模板详情页。 图2 选择EchartsWidgetTemplate模板
华为云Astro大屏应用使用流程 华为云Astro大屏应用（Huawei Cloud Astro Canvas）是华为云针对可视化大屏场景的低码平台，可以帮助企业轻松实现数据的可视化开发。在使用华为云Astro大屏应用前，建议您先学习本章节内容，了解华为云Astro大屏应用的使用流程。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
