检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
其他数据源 配置组件数据时，支持直接创建关系型数据库、ROMA连接器、DLI、DWS、AstroZero、AstroZero API、HTTP连接器和Prometheus数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前，需要提前在数据中心创建各种类型数据源，配置过程中
组件是大屏应用页面的组成元素，配置页面数据即为配置组件数据。AstroCanvas中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。
propertiesConfig是一个数组，用于保存组件配置项的相关字段，包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍，请参见组件数据接入。 组件配置项 配置示例如下，配置后效果如图2所示，组件配置项详细介绍请参见表1。 {
多种数据接入能力，在大屏资产中心里，可保存多种卡片，快速进行业务调整，随心所选 、高效复用。 同一租户下可配置组织划分，可以根据群体权限隔离，支持独立空间管理大屏。 预置400+各类组件，配合自定义组件能力，实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 平台预置丰富模板，凝聚最佳实践，帮助用户快速完成大屏创建，实现数据可视化、运作数字化。
选择“Roma连接器”，配置数据源参数。 图1 新建Roma连接器数据源 数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 APIC服务地址：ROMA Connect服务集成APIC的网关地址，配置该值后，可实现调用ROMA
页面数据集 操作场景 通过页面数据集，实现多个组件对接同一个数据输入，减少重复的请求和配置。同时，在新建页面数据集时，还支持配置多数据输入（最多10个），来实现组件同时对接多个数据流。 本章节以将两个静态数据集（多数据流1、多数据流2）中的数据汇合后，作为组件的数据来源为例，向您介绍如何创建并使用页面数据集。
组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取，以EchartsWidgetTemplate组件为例，在“{Widget}”.editor.js文件中，可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时，默认组件需要对接数据集。配置示例如下：
选中实心圆饼图，单击。 “数据类型”选中“数据集”，并选择所需的数据集。 在全局变量配置中，绑定8中的全局变量，并给全局变量赋值。 图5 绑定全局变量 在组件预览中，从“表格字段”中拖拽对应的字段到“配置”中，并单击“保存”。 返回大屏设计页面，单击后，单击。 在预览页面，单击折线图
文件介绍 i18n.json为组件的国际化资源文件，用于配置多语言，目前支持的多语言包含中英文两种，相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中，在packageinfo.json中的配置示例如下： "i18n": [{ "name":
classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。
eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下： // 组件事件配置项，定义组件事件结构及说明，给全局变量映射使用
复制并粘贴组件 通过复制粘贴功能，可快速将组件的配置参数复制到同类型的另一个组件中，从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击右键，选择“复制并粘贴”。
Condition 方法 API接口的HTTP方法。 GET：请求服务器返回指定资源。 PUT：请求服务器更新指定资源。 POST：请求服务器新增资源或执行特殊操作。 DELETE：请求服务器删除指定资源。 PATCH：请求服务器更新资源的部分内容。当资源不存在时，PATCH可能会去创建一个新的资源。
如何自定义动作 操作场景 在配置组件交互时，可以通过编写代码实现自定义交互动作，从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。
数据源：选择HTTP连接器数据源中，创建的数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 动作：创建HTTP连接器时，定义的执行动作。
在大屏设计页面，从“全部组件 > 3D场景编辑器”中，拖拽“图观端场景编辑器”组件至画布空白区域，如图1。 图1 图观端场景编辑器 配置 在配置中，为图观端场景编辑器设置容器名称和场景地址。 图2 配置 容器名称：设置容器的名称，命名必须唯一。名称是组件的唯一标识，设置后其他3D组件会通过这个标识，识别到这个容器，并在容器上进行渲染。
作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以global_SelectWidget组件为例： 在文件global_SelectWidget.editor.js中定义事件 eventConfig:
组件对齐 选中多个组件后，单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式，以及水平和垂直的自动分布方式。 组件对齐 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在页面编辑模式下，选择所需的组件，单击下图红框中图标，进行组件对齐。
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置组件的页签样式、导航页签和默认路由。 图4 配置 页签样式统一配置 页签方向：设置页签的显示方向，如水平方向、垂直方向。 位置：设置页签的位置，支持默认和自定义两种方式。
数据集 选择在“数据中心”中配置的数据集，作为组件数据来源。选择此方式时，请确保数据集已在数据中心创建，详情请参见数据中心。 数据集 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击组件上方的。 在数据类型中，选择“数据集”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
