检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图2 新建分页全局变量 交互设置。 选中高级表格组件，单击，进行组件交互设置。 添加“切换分页时”交互动作。 图3 切换分页时交互动作 添加“切换当前页数据条数时”交互动作。 图4 切换当前页数据条数时交互动作 设置组件数据。 选中组件，单击组件上方的。 选择所需的数据类型。
式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以global_SelectWidget组件为例： 在文件global_SelectWidget
、自定义组件能力，高度还原设计稿大屏。 华为云Astro大屏应用企业版：适用于3D场景开发，支持私有化部署。 变更实例 表2 变更实例约束与限制 限制项 约束与限制 变更华为云Astro大屏应用实例规格 仅支持从低规格套餐升级到高规格套餐，不支持降级。 开放区域 表3 华为云Astro大屏应用开放区域约束与限制
路由导航(示例) 路由导航(示例)是导航组件的一种，通过配置不同的路由页面，快速切换和定位到其它的页面中，给数据大屏提供更多的交互模式。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“路由导航(示例)”组件至画布空白区域，如图1，路由视图的配置介绍，请参见路由视图。 图1 路由导航(示例)
降低技术门槛，让业务人员可快速完成配置。华为云Astro大屏应用当前支持如下几种类型的数据集，其与数据源、转换器和目录之间的关系，如图1所示。 图1 数据源、数据集、转换器、目录之间的关系图
图层管理 视图切换 组件图层位置移动 筛选组件
模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数)
数据中心 转换器管理 连接器管理 数据源管理 数据集管理
选项卡 选项卡是导航组件的一种，用于快速在页面某区域中切换不同内容，显示为其关联内容上方的单行元素。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“选项卡”组件至画布空白区域，如图1。 图1 选项卡 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡
全屏 全屏是基础交互组件的一种，能够灵活的在全屏和小屏中进行切换。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“全屏”组件至画布空白区域，如图1。 图1 全屏 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number 计数器 slider 滑块 切换类型 tab 切换 switch 开关 radio 单选 checkbox 多选 颜色类型 colorpicker 颜色选择器 时间日期类型 time
发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件
样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 单击“格式化”，可对样例报文进行格式化处理。 转换器：建议使用系统预置的“PromAPI预置连接器”，用于对数据进行转换处理。 单击“保存”，完成Prometheus数据集的创建。 在组件中使用数据集
响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例
通过预置交互事件+交互动作，零代码实现丰富组件交付场景，同时开放自定义扩展组件交互事件动作能力，满足复杂的页面交互。 特性优势 切换更加流畅：多样可视化，灵活切换。 效果更加炫酷：数据流动，清晰展现。 交互更加丰富：常见交互零码轻松实现，特殊交互两步自由定制。 多屏协同配合，打造多屏一致性体验
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 自定义属性列表：路由视图自定义属性设置，如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中，选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中，设置路由视
registerConnector：用来定义桥接器。 Studio.registerEvents：用于注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。参数说明如下： thisObj：当前组件实例对象，指为该组件注册事件。 eventName：事件名称，应该与触发事件API中的第一个参数保持一致。
租户管理员参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 将鼠标放在页面右上方的“默认团队空间”上，选择新建工作空间中创建的工作空间，切换到目标工作空间。 在目标工作空间中，单击页面数量下方的“调整配额”。 图1 选择调整配额 输入页面配额，单击“确定”。 例如，输入页面数为
{ if (cbk) { this._super(); cbk(); } }, }); // 注册组件，必填 window.Studio.registerWidget('EchartsWidgetTemplate', 'EchartsWidgetTemplate'
面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在组件详情页面，可查看组件的描述信息、变更历史和包信息。 预览组件模板 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，单击页面右上方的
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
