检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数)
图层管理 视图切换 组件图层位置移动 筛选组件
数据中心 转换器管理 连接器管理 数据源管理 数据集管理
选项卡 选项卡是导航组件的一种，用于快速在页面某区域中切换不同内容，显示为其关联内容上方的单行元素。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“选项卡”组件至画布空白区域，如图1。 图1 选项卡 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡
输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number 计数器 slider 滑块 切换类型 tab 切换 switch 开关 radio 单选 checkbox 多选 颜色类型 colorpicker 颜色选择器 时间日期类型 time
全屏 全屏是基础交互组件的一种，能够灵活的在全屏和小屏中进行切换。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“全屏”组件至画布空白区域，如图1。 图1 全屏 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件
通过预置交互事件+交互动作，零代码实现丰富组件交付场景，同时开放自定义扩展组件交互事件动作能力，满足复杂的页面交互。 特性优势 切换更加流畅：多样可视化，灵活切换。 效果更加炫酷：数据流动，清晰展现。 交互更加丰富：常见交互零码轻松实现，特殊交互两步自由定制。 多屏协同配合，打造多屏一致性体验
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 自定义属性列表：路由视图自定义属性设置，如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中，选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中，设置路由视
registerConnector：用来定义桥接器。 Studio.registerEvents：用于注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。参数说明如下： thisObj：当前组件实例对象，指为该组件注册事件。 eventName：事件名称，应该与触发事件API中的第一个参数保持一致。
样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 单击“格式化”，可对样例报文进行格式化处理。 转换器：建议使用系统预置的“PromAPI预置连接器”，用于对数据进行转换处理。 单击“保存”，完成Prometheus数据集的创建。 在组件中使用数据集
proxy_pass http://{私有化部署的IP}:{私有化部署的端口}/magno; # 域名替换 sub_filter 'http://{私有化部署的IP}:{私有化部署的端口}' 'http://{Ngi
租户管理员参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 将鼠标放在页面右上方的“默认团队空间”上，选择新建工作空间中创建的工作空间，切换到目标工作空间。 在目标工作空间中，单击页面数量下方的“调整配额”。 图1 选择调整配额 输入页面配额，单击“确定”。 例如，输入页面数为
理任何服务器，即开即用。支持标准SQL/Spark SQL/Flink SQL，支持多种接入方式，并兼容主流数据格式。数据无需复杂的抽取、转换、加载，使用SQL或程序就可以对云上CloudTable、RDS、DWS、CSS、ECS自建数据库以及线下数据库的异构数据进行探索。 新建DLI数据源
"降雨量", "x": "B市", "y": "5", "category": "b" } ] 组件在获取数据时，获取到的是经过映射转换的数据，可以直接使用x、y等固定字段。 多数据集 部分组件可能存在使用多个数据源的情况，例如地图组件可能存在多个图层，相应配置可以如下：
左边距：进度条到组件边框左侧的距离。 配置 在配置中，设置组件的模板、是否显示标题等。 图5 进度条配置 参考模板：系统预置的进度条模板，单击默认或参考配色模板可进行切换。 组件标题 设置标题：是否显示组件标题。 内容：设置标题内容。 标题离容器上边距：标题距离组件上方的距离。 标题离容器左边距：标题距离组件左边的距离。
OpenLayers地图配置 地图基本配置 地图链接：输入地图的链接。 切片大小：设置地图瓦片（Tile）的尺寸。 坐标系投影方式：将地理坐标系转换为平面坐标系的过程和方法，直接在下拉框中选择或者手工输入。 范围：地图底图所覆盖的地理范围。 单位：根据选择的坐标系投影方式自动关联，不可配置。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
