检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何设置内容安全策略 大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 设置内容安全策略 参考创建页面中操作，创建一个大屏页面。
热力图 热力图是柱状图的一种，通过对色块着色来显示数据的统计图表。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“热力图”组件至画布空白区域，如图1。 图1 热力图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
如何进行设置页面 在大屏页面中，可以对页面进行一些基础的配置，例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
修改项目名称 项目创建后，支持修改项目名称。 修改项目名称 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，将鼠标放在对应的项目上，单击。 根据实际需求，修改项目的名称。 项目名称的长度为1~64个字符，可包括中文、字母、数字及下划线，但不能以下划线开头或结尾。
数据源管理 关系型数据库数据源 ROMA连接器数据源 华为云Astro轻应用数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题： 数据中心
树状表格 树状表格是文本组件的一种，通过表格的方式，将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“树状表格”组件至画布空白区域，如图1。 图1 树状表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题： 组件管理
如何设置分享码 华为云Astro大屏应用支持设置页面分享码，设置后，需要校验分享码才可正常访问页面，以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目）
通过复制粘贴功能，可快速将组件的配置参数复制到同类型的另一个组件中，从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“复制并粘贴”。 图1 复制并粘贴组件 您也可以在“
路由导航(示例) 路由导航(示例)是导航组件的一种，通过配置不同的路由页面，快速切换和定位到其它的页面中，给数据大屏提供更多的交互模式。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“路由导航(示例)”组件至画布空白区域，如图1，路由视图的配置介绍，请参见路由视图。 图1 路由导航(示例)
图片 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“图片”组件至画布空白区域，如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
FLV视频播放 FLV视频播放是媒体组件的一种，用于播放FLV（Flash Video）格式的视频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“FLV视频播放”组件至画布空白区域，如图1。 图1 FLV视频播放 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可
文本编辑 文本编辑是文本组件的一种，用于显示多行文本，可对接数据集并设置交互。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“文本编辑”组件至画布空白区域，如图1。 图1 文本编辑 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片
分割线 分割线是装饰组件的一种，用于分割组件，起装饰作用，包括分割线和竖分割线。 以分割线16-1为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“分割线16-1”组件至画布空白区域，如图1。 图1 分割线16-1 页面背景色设置为白色时，分割线组件很难显示出来。使用该组件时，请避免使用白色背景。
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
通过参数控制响应动作 在设置组件交互动作时，可以通过选择事件参数、全局变量或固定值，明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作，新建一个大屏项目。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入实心圆饼图和下拉选择框。
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
进度条 进度条是柱状图的一种，通过进度条可实现百分比展示能力，支持电池和柱状图两种展示形式。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“进度条”组件至画布空白区域，如图1。 图1 进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础
将组件保存为卡片 将组件保存为卡片，方便后期有需要时，随时调用“我的卡片”中的组件。 将组件保存为卡片 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图
折柱图 折柱图是柱状图的一种，通过折线和柱状图相结合的方式，将数据信息以折柱图的形式清晰地展示在可视化应用上。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“折柱图”组件至画布空白区域，如图1。 图1 折柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
