检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
装饰 背景框 分割线 图标 背景图 装饰图案 父主题： 组件介绍
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题： 组件管理
数据接入 页面数据来源介绍 桥接器预置 自定义桥接器 静态数据 数据集 页面数据集 其他数据源
数据源管理 关系型数据库数据源 ROMA连接器数据源 AstroZero数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题： 数据中心
创建工作空间 新建工作空间 为工作空间添加成员 设置空间页面配额
migrateFrom String migrateFrom: "advancedSettings" 固定写法，配置后非AstroCanvas平台右侧属性面板会过滤掉配置项。 headerTitle Object headerTitle: { zh_CN: "行配置", en_US:
租户管理员参考登录AstroCanvas界面中操作，登录AstroCanvas服务控制台。 在首页中，单击页面右上角的“Astro 低代码平台”，进入Astro低代码平台。 在左侧导航栏中，选择“组织管理”。 在“角色与权限 > Astro Canvas”中，选中新建工作空间中创建的工作空间。
在配置中，设置视频流组件的视频流地址、视频流类型等。 图4 配置 视频流组件中，配置项的配置高于数据配置。 视频流地址：视频流的URL地址。 视频流类型：视频流的协议类型，目前平台内支持的视频流类型为HTTP-FLV、HLS。当视频流类型选择“HTTP-FLV”时，可以设置是否静音播放。 数据 在数据中，设置视频流组件的数据来源，更多介绍请参见数据接入。
则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。 预置分类：主要是使用平台预置分类。 自定义分类：支持平台预置分类和用户自定义分类。 预置分类 预置分类为AstroCanvas预置的分类，包含的图标和名称如下所示： 表1 预置分类包含的图标和名称
实例化代码块：和初始化代码块类似，实例化代码块的目的是构造echarts setOption所需要的option对象（setOption对象平台会自动执行）。AstroCanvas提供了上百种echarts组件，本质上是不同的实例化代码，这些实例化代码来自echarts官网的dem
多种快捷配置：组件等比对齐拖拽、完善的配置快捷键、灵活的组件布局校准，帮助用户快速实现样式优化。 丰富模板开箱即用，经验轻松沉淀 功能介绍 平台预置丰富模板，凝聚最佳实践，帮助用户快速完成大屏创建，实现数据可视化、运作数字化。 特性优势 丰富的预置模板：涵盖政务、交通、电力等多个垂
两种方式使用该模板创建页面。 方式一：在图2中的“预置模板”下，可查看到已审批的模板，并使用该模板新建页面。 方式二：登录Astro低代码平台。在“资产中心”中，可查看到该模板，并可使用该模板新建页面。 父主题： 页面管理
registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。 registerAction 用来注册动作，只有通过此API注册后的事件才会在组件的动作列表中展现。 inReader 判断当前页面状态是开发态或预览态。
和百度地图。 高德/百度/天地图密钥：地图第三方密钥，请自行到对应官网申请。 高德地图第三方密钥，请参考高德开放平台申请。 百度地图第三方密钥，请参考百度地图开放平台申请。 天地图第三方密钥，请参考天地图官网申请。 自定义地图：根据实际需求，自定义地图。如果开启自定义地图，请配置
项目名称：DLI服务所在区域的项目名称，获取方法如下。 登录华为云管理控制台。 将鼠标移动到右上角用户名上，在下拉列表中单击“我的凭证”。 在“我的凭证 > API凭证 > 项目列表”中，获取“项目”的值。 项目ID：DLI服务所在的区域的项目ID，获取方法如下。 登录华为云管理控制台。 将鼠标移动到右上角
变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下，也可以直接单击下载链接，获取自定义组件示例包“SelectWidget.zip”。 在组件的“global_SelectWidget.editor.js”文件中，新增eventConfig配置。
Name' }, }, ], }, }, clickSeries字段对应组件{widget}.js文件中，注册的事件id。 window.Studio.registerEvents(this, 'clickSeries', { zh_CN:
组件销毁前的回调函数，组件自己实现继承。 init 组件初始化入口API，以SelectWidgetTemplate组件为例，初始化组件通用能力，负责注册组件事件和组件动作。主逻辑建议如下： init() { this._super.apply(this, arguments);
式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以global_SelectWidget组件为例： 在文件global_SelectWidget
模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数)
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
