检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
OpenLayers地图 OpenLayers地图是一个离线地图组件，可以基于OpenLayers添加各类图层。 在大屏设计页面，从“地图”中，拖拽“OpenLayers地图”组件至画布空白区域，如图1。 图1 OpenLayers地图 图2 边距样式说明 卡片 卡片是指包裹图表
基本饼图 基本饼图是饼图的最基础表现形式，即通过饼图的方式，将数据信息清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“基本饼图”组件至画布空白区域，如图1。 图1 基本饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡
双向柱图 双向柱图是柱状图的一种，通过柱形图双向呈现数据的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“双向柱图”组件至画布空白区域，如图1。 图1 双向柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
热力图 热力图是柱状图的一种，通过对色块着色来显示数据的统计图表。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“热力图”组件至画布空白区域，如图1。 图1 热力图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
如何进行设置页面 在大屏页面中，可以对页面进行一些基础的配置，例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
设置空间页面配额 空间创建后，支持为该空间设置页面配额。 调整配额 租户管理员参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 将鼠标放在页面右上方的“默认团队空间”上，选择新建工作空间中创建的工作空间，切换到目标工作空间。 在目标工作空间中，单击页面数量下方的“调整配额”。
日期选择器 日期选择器是文本组件的一种，用于在页面选择日期。日期选择器由输入框和日期弹出框组成，单击该组件的输入框，弹出日期选择框可选择具体日期。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“日期选择器”组件至画布空白区域，如图1。 图1 日期选择器 图2 边距样式说明 卡片
区域图 区域图是线状图的一种，以折线和区域相结合的方式，智能的展示多维的实时数据的变化趋势。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“区域图”组件至画布空白区域，如图1。 图1 区域图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础
通用表格 通用表格是文本组件的一种，通过表格的方式，将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“通用表格”组件至画布空白区域，如图1。 图1 通用表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
雷达图 雷达图是指通过极坐标的展现形式，使用围合的区域，来表示数据在不同维度的具体表现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“雷达图”组件至画布空白区域，如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
轮播图片 轮播图片是指通过轮播的方式，来实现图片广告位的展示。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“轮播图片”组件至画布空白区域，如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
时间选择器 时间选择器是文本组件的一种，用于选择时间。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间选择器”组件至画布空白区域，如图1。 图1 时间选择器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
getSafeUrl(url); SafeUtils.getSafeUrl('/test.html') //return:https://华为云Astro大屏应用域名/test.html SafeUtils.getSafeUrl('javascript:alert(123)') //return:'unsafe:'
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
进度条 进度条是柱状图的一种，通过进度条可实现百分比展示能力，支持电池和柱状图两种展示形式。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“进度条”组件至画布空白区域，如图1。 图1 进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础
折柱图 折柱图是柱状图的一种，通过折线和柱状图相结合的方式，将数据信息以折柱图的形式清晰地展示在可视化应用上。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“折柱图”组件至画布空白区域，如图1。 图1 折柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解
基本漏斗图 基本漏斗图是柱状图的一种，使用漏斗图或梯形图来形象的展示数据排序变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“基本漏斗图”组件至画布空白区域，如图1。 图1 基本漏斗图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元
轮播饼图 轮播饼图是饼图组件的一种，饼图中的数据可自动播放，实现动态效果。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“轮播饼图”组件至画布空白区域，如图1。 图1 轮播饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
满月饼图 满月饼图是饼图组件的一种，由基本饼图变换而来，用于某些特殊样式场景。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“满月饼图”组件至画布空白区域，如图1。 图1 满月饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片
高德地图 高德地图是地图组件的一种，支持底图、样式、2D、3D模式、图标和飞线等动态配置，用于满足用户在GIS或IOC等场景对地图的要求。 在大屏设计页面，从“地图”中，拖拽“高德地图”组件至画布空白区域，如图1。 图1 高德地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
