检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
高德地图 高德地图是地图组件的一种，支持底图、样式、2D、3D模式、图标和飞线等动态配置，用于满足用户在GIS或IOC等场景对地图的要求。 在大屏设计页面，从“地图”中，拖拽“高德地图”组件至画布空白区域，如图1。 图1 高德地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
签图层等。 图4 地图配置 地图基本配置 地图类型：地图第三方服务商，如天地图、高德地图和百度地图。 高德/百度/天地图密钥：地图第三方密钥，请自行到对应官网申请。 高德地图第三方密钥，请参考高德开放平台申请。 百度地图第三方密钥，请参考百度地图开放平台申请。 天地图第三方密钥，请参考天地图官网申请。
背景框 背景框是装饰组件的一种，包括大标题背景、小标题背景、页面背景和内容背景。可根据不同的设计需求，选择不同的背景框，以增加视觉效果。 以自定义背景框为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“自定义背景框”组件至画布空白区域，如图1。 图1 自定义背景框 卡片 卡
件的页面内容基于域名分区域加载，秒级刷新，组件间互不影响，有效提升大屏可视体验。同时，组件间支持故障隔离，有效提升大屏展现可靠性。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“Iframe布局框”组件至画布空白区域，如图1。 图1 Iframe布局框 图2 边距样式说明 卡片
当系统预置的组件无法满足用户需求时，用户可自定义组件包进行上传，在页面中进行使用。在开发自定义组件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts，请提前了解。
面。 参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“通用”。 设置网页的图标等，单击“保存”。 图1 通用设置 开启页面加载动画：勾选后，预览或打开页面时，将会显示加载动画。 网页图标：设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、
仅支持从低规格套餐升级到高规格套餐，不支持降级。 开放区域 表3 华为云Astro大屏应用开放区域约束与限制 限制项 约束与限制 开放区域 华北-北京四 工作空间 表4 华为云Astro大屏应用工作空间约束与限制 限制项 约束与限制 工作空间个数 华为云Astro大屏应用基础版：2个。 华为云Astro大屏应用专业版：5个。
显示名称：是否显示名称。 文字风格：设置名称显示风格，支持正常、斜体和倾斜体。 字体：设置名称的字体、大小和颜色等。 指示器名称与指示器轴的距离：设置指示器名称与指示器轴之间的距离。 轴分割段数：设置轴分割段数。 分割线 显示分割线：是否显示分割线。 颜色设置：设置分割线颜色，单击“新增颜色设置”，可添加新的颜色。
字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与钻石水位图之间的偏移量。 图5 标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边
字体：设置组件标题的字体、大小和颜色等。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 边距样式说明 标题偏移：组件标题与满月饼图之间的偏移量。 图5 标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片
字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与水位图之间的偏移量。 图5 标题偏移 背景 背景色：水位图的背景颜色。 边框：组件卡片边框设置，支
字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与矩形水位图之间的偏移量。 图5 标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边
字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与圆角矩形水位图之间的偏移量。 图5 标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡
对齐：标题相对于组件的对齐方式，支持左对齐、右对齐和居中。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上、左、右三个边界之间的距离，下为标题与图表之间的距离，单位默认px。 图4 词云内边距 标题偏移：组件标题与词云图表之间的偏移量。 图5 词云标题偏移 背景 背景色：设置组件卡片的背景颜色。
按钮 按钮组件通常与其他组件配合使用， 用于展示链接页面或提示信息等。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“按钮组件”组件至画布空白区域，如图1所示。 图1 按钮组件 配置 在配置中，设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。
字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与水滴水位图之间的偏移量。 图5 标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边
字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与箭头水位图之间的偏移量。 图5 标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边
FLV视频播放 FLV视频播放是媒体组件的一种，用于播放FLV（Flash Video）格式的视频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“FLV视频播放”组件至画布空白区域，如图1。 图1 FLV视频播放 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可
指标 指标是一种文本组件，用于在可视化页面中显示指标数据。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“指标”组件至画布空白区域，如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
翻牌器 翻牌器是文本组件的一种，通过设置翻盘动画效果，来动态展示数据的变化过程。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“翻牌器”组件至画布空白区域，如图1。 图1 翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
