检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
日期选择器 日期选择器是文本组件的一种，用于在页面选择日期。日期选择器由输入框和日期弹出框组成，单击该组件的输入框，弹出日期选择框可选择具体日期。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“日期选择器”组件至画布空白区域，如图1。 图1 日期选择器 图2 边距样式说明 卡片
复制并粘贴组件 通过复制粘贴功能，可快速将组件的配置参数复制到同类型的另一个组件中，从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击右键，选择“复制并粘贴”。
时间选择器 时间选择器是文本组件的一种，用于选择时间。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间选择器”组件至画布空白区域，如图1。 图1 时间选择器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
创建大屏&PC端项目 在AstroCanvas中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在“项目列表”中，单击“新建项目”。 在新建项目页
高德地图 高德地图是地图组件的一种，支持底图、样式、2D、3D模式、图标和飞线等动态配置，用于满足用户在GIS或IOC等场景对地图的要求。 在大屏设计页面，从“地图”中，拖拽“高德地图”组件至画布空白区域，如图1。 图1 高德地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
OpenLayers地图 OpenLayers地图是一个离线地图组件，可以基于OpenLayers添加各类图层。 在大屏设计页面，从“地图”中，拖拽“OpenLayers地图”组件至画布空白区域，如图1。 图1 OpenLayers地图 图2 边距样式说明 卡片 卡片是指包裹图表
项目级全局变量 AstroCanvas中的全局变量包括项目级全局变量和页面级全局变量两种。项目级全局变量是整个项目中所有页面都可以使用的变量，当项目中页面较多且各页面会使用同一个变量时，通过创建项目变量，可以提高开发效率，提升易用性。页面级全局变量仅针对当前页面生效。 如果在页面
如何设置内容安全策略 大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 设置内容安全策略 参考使
热力图 热力图是柱状图的一种，通过对色块着色来显示数据的统计图表。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“热力图”组件至画布空白区域，如图1。 图1 热力图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
如何进行设置页面 在大屏页面中，可以对页面进行一些基础的配置，例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
自定义桥接器 当需要连接其它数据，以获得组件最佳的展示效果时，可通过自定义数据桥接器实现。自定义桥接器时，需要先下载桥接器模板，根据组件的数据结构，对桥接数据进行对接和改造。 自定义桥接器 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroC
购买AstroCanvas实例 在使用AstroCanvas前，您需要购买一个AstroCanvas实例。AstroCanvas实例是一个独立的资源空间，所有的操作都是在实例内进行，不同实例间的资源相互隔离。 AstroCanvas提供了“Astro大屏应用基础版”、“Astro
新用户购买AstroCanvas实例后，可从Astro轻应用控制台登录AstroCanvas界面。 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 单击管理控制台左上角的，展开服务列表，选择“开发与运维 > Astro轻应用（原AppCube）”，进入AstroZero服务控制台。
我的桥接器 在我的桥接器中，管理系统预置的和自定义的桥接器，如新建、批量删除、批量复制桥接器到其他工作空间等。系统预置的桥接器，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义桥接器为例。 新建桥接器 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
如何自定义动作 操作场景 在配置组件交互时，可以通过编写代码实现自定义交互动作，从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
使用页面模板文件新建页面 使用页面模板文件，构建开发页面，减少重复开发，提高交付效率。创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件，详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录AstroC
水位图 水位图是指通过水位的样式，来展示数据实时的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水位图”组件至画布空白区域，如图1。 图1 水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
将组件保存为卡片 将组件保存为卡片，方便后期有需要时，随时调用“我的卡片”中的组件。 将组件保存为卡片 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击右键，选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图层”
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题： 组件管理
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
