检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在Astro大屏应用控制台中，可以查看Astro大屏应用的安装状态。当“实例状态”变为“运行中”时，说明实例已安装好，可以正常使用。 图6 Astro大屏应用控制台 步骤三：创建大屏&PC端项目 在AstroCanvas中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。
通用设置 在通用设置中，可以设置网页图标、开启页面加载动画等功能。 项目通用设置 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 参考设置项目锁中操作，获取项目锁。
在大屏设计页面，从“全部组件 > 文本”中，拖拽“日历组件”组件至画布空白区域，如图1。 图1 日历组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 日历组件卡片 背景 背景色：设置组件卡片的背景颜色。
以自定义背景框为例，在大屏设计页面，从“全部组件 > 装饰”中，拖拽“自定义背景框”组件至画布空白区域，如图1。 图1 自定义背景框 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图2 自定义背景框卡片 背景 背景色：设置组件卡片的背景颜色。
在大屏设计页面，从“全部组件 > 媒体”中，拖拽“视频”组件至画布空白区域，如图1。 图1 视频 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可以理解为组件由卡片中基础元素（卡片背景、特效、卡片边框）和视频元素构成。 图3 视频卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件
在大屏设计页面，从“全部组件 > 文本”中，拖拽“指标”组件至画布空白区域，如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 指标卡片 卡片装饰：卡片装饰设置，可根据自身的业务
包年/包月的AstroCanvas，从购买到被自动删除前，您可以随时在AstroCanvas控制台为其续费，以延长使用时间。 自动续费 开通自动续费后，AstroCanvas会在每次到期前自动续费，避免因忘记手动续费而导致资源被自动删除。 在AstroCanvas生命周期的不同阶段，您可以根据需要选择一种方式进行续费，具体如图1所示。
图8 满月饼图提示 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可以显示系列名、数据值和百分比，也可以只显示其中的某一个或两个。 数据 在数据中，设置满月饼图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置满月
如购物车中用户的ID，订单编号，商品信息等，这时需要通过桥接器动态调用后台接口获取后台数据。通过AstroCanvas预置的桥接器模板，您可以自定义桥接器。自定义桥接器时，需要先下载桥接器模板，根据组件的数据结构，对桥接数据进行对接和改造。如何自定义桥接器，请参见自定义桥接器。 查看桥接器模板
大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 设置内容安全策略 参考使用模板新建页面中操作，创建一个大屏页面。 例如，使用
约束与限制 在B环境导入项目时，如果当前环境中不包含同名的数据源，会从项目包中安装数据源。新安装的数据源密码是空的，请在数据源中重新配置密码，也可以在项目页面的“数据”页签，单击，重新配置。 安装项目 在A环境AstroCanvas界面的“项目列表”页签中，鼠标悬浮在待下载的项目上，单击。
参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“健康检查”。 开启健康检查。 图1 健康检查 开启健康检查功能后，平台会对页面运行状态进行检查。您也可以根据业务需求，自定义健康检查项。 全选：选中所有的健康检查项。 展示页面加载进度条：勾选后，页面顶部会出现页面加载进度条。 开启浏览器内存
选择“图层”，进入图层页面。 将鼠标放到对应的组件上，单击右键，选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 您也可以直接拖动组件，将组件进行上移、下移、拖动至顶部或底部。 图2 在图层中移动组件图层 父主题： 图层管理
开启提示效果图 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图16。 特征标记：提示框显示的内容，可以显示系列名、数据值和百分比，也可以只显示其中的某一个或两个。 指标 指标是指可视化组件中，对除可视化图形之外的具体补充，即主要以文字和数字的表现形式，为可视化组件提供具体数值的参考。
设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图12。 特征标记：提示框显示的内容，可以显示系列名、数据名和数据值，也可以只显示其中的某一个或两个。 坐标轴 在坐标轴中，设置图表的x轴和y轴，如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。
> 图表”中，拖拽“钻石水位图”组件至画布空白区域，如图1。 图1 钻石水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 钻石水位图卡片 卡片装饰：卡片装饰设置，可根据自身
在大屏设计页面，从“全部组件 > 图表”中，拖拽“双向柱图”组件至画布空白区域，如图1。 图1 双向柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 双向柱图卡片 卡片装饰：卡片装饰设置，可根据自身的
在大屏设计页面，从“全部组件 > 图表”中，拖拽“瀑布柱图”组件至画布空白区域，如图1。 图1 瀑布柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 瀑布柱图卡片 卡片装饰：卡片装饰设置，可根据自身的
例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 热力图图形 颜色：设置图表中，图形的颜色。 热力颜色 在颜色设置中，可以更改热力颜色，也可以单击“新增颜色设置”，添加色块颜色。 热力范围 着色显示的数据范围，需要设置最大值和最小值。 热力标注 设置是否显示标注，设置显
在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间展示”组件至画布空白区域，如图1。 图1 时间展示 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 时间展示卡片 背景 背景色：设置组件卡片的背景颜色。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
