检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
全屏 全屏是基础交互组件的一种，能够灵活的在全屏和小屏中进行切换。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“全屏”组件至画布空白区域，如图1。 图1 全屏 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件
通过预置交互事件+交互动作，零代码实现丰富组件交付场景，同时开放自定义扩展组件交互事件动作能力，满足复杂的页面交互。 特性优势 切换更加流畅：多样可视化，灵活切换。 效果更加炫酷：数据流动，清晰展现。 交互更加丰富：常见交互零码轻松实现，特殊交互两步自由定制。 多屏协同配合，打造多屏一致性体验
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 自定义属性列表：路由视图自定义属性设置，如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中，选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中，设置路由视
购买的实例中单击“操作 > 页面扩容”。 图1 单击页面扩容 设置扩容页面的个数，单击“去支付”。 图2 页面扩容 选择支付方式，单击“去在线支付”，完成订单支付。 订单支付成功后，单击“返回Astro轻应用控制台”。 在华为云Astro大屏应用已购买的实例中，可查看到扩容的页面数量。
入页面虚拟为不同域名时，可以提高整个页面的加载速度。 图4 Iframe布局框配置 页面切换 当有多个页面需要轮播展示时，可打开该开关。开启后，可配置单个页面的展示时长。 页面编辑 单击切换页面后的，新增该组件区域展示的页面，支持选取项目内的其他大屏页面和外部页面。 交互 在交互
样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 单击“格式化”，可对样例报文进行格式化处理。 转换器：建议使用系统预置的“PromAPI预置连接器”，用于对数据进行转换处理。 单击“保存”，完成Prometheus数据集的创建。 在组件中使用数据集
租户管理员参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 将鼠标放在页面右上方的“默认团队空间”上，选择新建工作空间中创建的工作空间，切换到目标工作空间。 在目标工作空间中，单击页面数量下方的“调整配额”。 图1 选择调整配额 输入页面配额，单击“确定”。 例如，输入页面数为
将鼠标放在对应的组件上，单击，可查看到新版本的组件（如1.0.1）。 图9 查看组件版本 ：单击该图标，可下载当前版本组件。 ：单击该图标，可在线编辑该版本组件。 编辑组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。
图5 设置桥接器信息 将鼠标放在对应的桥接器上，单击，可查看到桥接器的新版本。 ：单击该图标，可下载当前版本桥接器。 ：单击该图标，可在线编辑该版本桥接器。 编辑桥接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。
页面扩容包计费规则，请参见计费项。 图1 购买实例（基础版） 图2 购买实例（专业版） 图3 购买实例（企业版） 选择支付方式，单击“去在线支付”，完成订单支付。 图4 确认付款 订单支付成功后，单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中，可以查看华为云
单击该图标，可在线编辑该版本库。 编辑库 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的库”。 将鼠标放在对应的库上，单击。 图9 编辑库 在库编辑页面，单击右上角的，获取锁。 按需在线修改库文件，单击。
数据集管理：新增并管理数据集，配置数据集后，在组件“数据”页签中可选择具体的数据集。 连接器管理：通过新建HTTP连接器，可引入第三方的API作为组件的数据来源。 转换器管理：转换器是对数据集数据的再加工，为了将数据和组件更好的结合，以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等，更多介绍请参见资产管理。
使用页面模板文件新建页面：将已开发的页面保存为模板，再次创建页面时可使用该页面模板文件，创建可视化页面，减少重复开发，提高交付效率。 发布及安装项目 项目开发完成后，可以在线预览，也可以一键打包从A环境发布、B环境安装，实现开发 > 测试 > 上线的快速部署，从而实现不同环境之间大屏&PC端、移动端资产的快速迁移。
置相关权限，并且该权限仅对此项目生效。如果在“所有项目”中设置权限，则该权限在所有区域项目中都生效。访问华为云Astro大屏应用时，需要先切换至授权区域。 根据授权精细程度分为角色和策略。 角色：IAM最初提供的一种根据用户的工作职能，定义权限的粗粒度授权机制。该机制以服务为粒度
且不能以下划线开头或结尾。 服务地址：返回Prometheus数据的接口所在服务地址的URL。输入的URL地址中，支持包含变量，例如“https:example.{region}.com”。地址中的变量，在使用数据源时，支持修改，如图3。 图2 服务地址包含变量 图3 更改变量
successCallBack) getUrlParam 用于获取查询字符串中的参数，使用方式参考如下： /* * 例如某个页面的URL为“https://10.10.10.1:12900/magno/render/cool__app_0000000000NABzEjpNIH/page1
左边距：进度条到组件边框左侧的距离。 配置 在配置中，设置组件的模板、是否显示标题等。 图5 进度条配置 参考模板：系统预置的进度条模板，单击默认或参考配色模板可进行切换。 组件标题 设置标题：是否显示组件标题。 内容：设置标题内容。 标题离容器上边距：标题距离组件上方的距离。 标题离容器左边距：标题距离组件左边的距离。
d", elem)的方式来获取。 getWidgetBasePath：用于返回该组件静态资源的根路径。 例如某个组件的静态资源路径为“https://10.10.10.1:12900/default/0000000000NABzEjpNIH/assets/bundle/widge
完成后，将应用发布至生产环境，即运行环境，供业务用户使用。 不依赖：不依赖任何环境。 生产环境/沙箱环境 域名：提供服务环境的域名，如https://www.demo.com。 生产环境/沙箱环境 租户ID：提供服务环境的租户ID。 将下载到本地的项目安装包，发送给其他需要安装的用户。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
