检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击已创建项目的名称，进入对应的项目页面。 在项目页面，单击“新建页面”。 在新建页面中，单击“新建空白页面”。 输入页面标题，单击“新建”。
文本”中，拖拽“下拉选择框”组件至画布空白区域，如图1。 图1 下拉选择框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 下拉选择框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设
0MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 图表标题 显示图表标题：是否显示图表标题。 标题内容：设置标题内容。 标题位置：标题显示位置，支持左、中和右。 标题字体：设置标题的字体、颜色和大小等。
在大屏设计页面，从“地图”中，拖拽“高德地图”组件至画布空白区域，如图1。 图1 高德地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 高德地图卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置
媒体”中，拖拽“图片”组件至画布空白区域，如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 图片卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支
媒体”中，拖拽“轮播图片”组件至画布空白区域，如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 轮播图片卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件边框设置，支
文本”中，拖拽“时间选择器”组件至画布空白区域，如图1。 图1 时间选择器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 时间选择器卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设
配置全局变量 图3 设置数据源信息 通过模板新建页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击已创建项目的名称，进入对应的项目页面。 在项目页面，单击“新建页面”。 在新建页面的预置模板、未上线模板或自定义模板中，单击对应的模板。
在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的素材”。 将鼠标放在对应的素材上，单击。 图6 查看素材详情 在素材详情页面，查看素材名称、大小、文件尺寸和上传时间。 删除素材 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。
在目标工作空间中，单击页面数量下方的“调整配额”。 图1 选择调整配额 输入页面配额，单击“确定”。 例如，输入页面数为10，表示在工作空间A中，最多支持创建10个大屏页面。其中，40个表示可分配的页面数，70个为租户页面的总配额。如果配额不足，可单击“页面扩容”，进行扩容，详情请参见购买扩容包增加页面数。
在华为云Astro大屏应用大屏开发页面，支持将组件图层向上、向下移动一层或移动至底层等，帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前，表示组件在画布中的显示越靠前。 位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作，创建所需的页面。
装饰”中，拖拽“自定义背景框”组件至画布空白区域，如图1。 图1 自定义背景框 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图2 自定义背景框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框
的配置介绍，请参见路由视图。 图1 路由导航(示例) 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 路由导航(示例)卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片
功能介绍 预置400+各类组件，配合自定义组件能力，实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 特性优势 丰富的组件：各类图表、地图、视频、二三维引擎、Echarts组件等，快速进行数据可视化。 自定义组件能力：提供自定义组件能力及配套脚手架，轻松实现用户定制化二次开发。
在左侧导航栏中，单击“我的桥接器”。 将鼠标放在对应的桥接器上，单击。 图6 编辑我的桥接器 在桥接器编辑页面，单击右上角的，获取锁。 按需在线修改桥接器文件，单击。 在弹出的提示框中，单击“确定”。 在桥接器更新页面，按需设置桥接器参数（如修改桥接器名称为桥接器-Update），单击“更新”。
在全局变量配置中，绑定8中的全局变量，并给全局变量赋值。 图5 绑定全局变量 在组件预览中，从“表格字段”中拖拽对应的字段到“配置”中，并单击“保存”。 返回大屏设计页面，单击，再单击。 在预览页面，单击折线图堆叠图表中的系列，页面的全局变量将被设置为参数seriesIndex的值。 父主题： 组件管理
角色与权限 > Astro Canvas”中，单击“创建工作空间”。 输入空间名称（如工作空间A），单击“保存”。 在华为云Astro大屏应用角色列表中，可查看到已创建的工作空间。 图1 查看工作空间 父主题： 创建工作空间
部署。 表1 华为云Astro大屏应用套餐规格清单 版本类型 基础版 专业版 企业版 空间数 2个 5个 100个 页面数 20页 40页 500页 存储容量 5G 10G 100G 加密分享 支持 支持 支持 数据接入 支持 支持 支持 项目管理 支持 支持 支持 图表组件 支持
参考创建并提交Spark SQL作业中操作，创建队列、数据库和表。 例如，创建了数据库tpch，且数据库中预置了所需的表。 图1 tpch数据库 单击已创建的数据库tpch，进入tpch数据库。 （可选）双击对应的表，右侧会显示对应的查询语句，单击“设置”，添加标签。 为作业添加
其它”中，拖拽“Iframe布局框”组件至画布空白区域，如图1。 图1 Iframe布局框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 Iframe布局框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
