新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时，用户可自定义组件包进行上传，在页面中进行使用。在开发自定义组件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。

查看更多 →

自定义组件开发包说明 组件开发包文件介绍 Index.js规范 gui.json规范 UI类型介绍 父主题： 自定义组件

查看更多 →

上传自定义组件物料包 设计器已提供了页面设计的基本组件，您还可以根据自己的特定需求和功能要求创建自定义组件。 物料中心为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 上传自定义组件 参考登录AstroPro界面中操作，登录AstroPro界面。

查看更多 →

props 属性值组件的props。 Object 使用模板开发样例 本示例中的imgbutton组件是使用nodejs开发前端的组件。以下若无特殊说明，均基于VSCode工具，按照imgbutton组件的功能点来介绍自定义组件的开发过程。 下载自定义组件模板，将自定义组件模板包解压。

查看更多 →

（可选）开发自定义登录组件 “开发自定义登录组件”步骤可以直接跳过，本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVueTemplate”，再单击“下载”。

查看更多 →

echarts组件自定义事件交互设置 echarts组件作为触发器的事件时，可以在自定义事件中设置。 当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中

查看更多 →

页面资产管理 > 组件”。 在组件列表中，查找到待更新的自定义组件。 图1 查找待更新组件 单击待更新的组件，进入组件详情页。 图2 组件详情页 更新组件。 方式一：通过组件源码包更新 在组件详情页中，单击“更新”，上传最新的组件源码压缩包。 将开发完成的组件，压缩成后缀为.zip类型的压缩包。

查看更多 →

echarts组件自定义动作交互设置 echarts组件作为响应器的动作时，可以在自定义动作中设置。 当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。

查看更多 →

组件 组件承载着编辑器的核心功能，通过对组件的数据绑定、样式设置或交互动作，最终完成大屏的多样化设计和功能需求开发。 基础组件 文字 应用示例：使用文字组件设置页面标题。 图1 文字-1 添加组件：在左侧组件列表中，找到“文字”组件，将该组件拖到画布中。 图2 文字-2 配置样式

查看更多 →

组件 创建组件 获取组件列表 获取组件详情 更新组件 删除组件 创建、生效配置并部署组件 操作组件 获取组件快照列表 获取组件实例列表 父主题： CAE API

查看更多 →

组件 应用中创建组件 获取应用所有组件 根据组件ID修改组件信息 根据组件ID删除组件 根据组件ID获取组件信息 父主题： 应用管理（v2版本）

查看更多 →

组件 应用中创建组件 应用中导入CCE工作负载创建组件 获取应用所有组件 获取所有组件 根据组件ID修改组件信息 根据组件ID删除组件 根据组件ID获取组件信息 根据组件ID下发组件任务 根据组件ID获取记录 根据组件ID刷新组件信息 获取组件相关配置信息 父主题： 应用管理API（v3版本）

查看更多 →

为AstroZero高级页面添加自定义组件 在线开发AstroZero高级页面自定义组件 管理AstroZero高级页面自定义组件 父主题： 高级页面

查看更多 →

将AstroZero系统预置的模板到本地。 开发自定义组件 基于下载的模板，在本地根据自身业务需求开发组件。 上传组件到组件库并使用组件 将开发完的自定义组件上传到组件库，并在高级页面中使用。 本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考消费者业务网站（如图1

查看更多 →

根据组件ID删除组件 功能介绍 此API用于通过组件ID删除组件。 调试 您可以在 API Explorer 中调试该接口。 URI DELETE /v3/{project_id}/cas/applications/{application_id}/components/{component_id}

查看更多 →

关注组件/取消关注组件 功能介绍 关注组件/取消关注组件 调用方法 请参见如何调用API。 URI POST /cloudartifact/v5/attention 请求参数 表1 请求Body参数 参数 是否必选 参数类型 描述 attention 是 String 关注/取消关注

查看更多 →

根据组件ID删除组件 功能介绍 此API通过组件ID删除组件。 调试 您可以在API Explorer中调试该接口。 URI DELETE /v2/{project_id}/cas/applications/{application_id}/components/{component_id}

查看更多 →

根据组件ID获取组件信息 功能介绍 通过组件ID获取组件信息。 调试 您可以在API Explorer中调试该接口。 URI GET /v2/{project_id}/cas/applications/{application_id}/components/{component_id}

查看更多 →

根据组件ID下发组件任务 功能介绍 此API用于通过组件ID下发组件任务。 调试 您可以在API Explorer中调试该接口。 URI POST /v3/{project_id}/cas/applications/{application_id}/components/{component_id}/action

查看更多 →

管理组件 组件概述 添加组件 上传自定义组件 锁定组件 隐藏组件 重命名组件 拷贝组件 删除组件 设置组件数据 设置组件事件交互 设置组件链接交互实现下钻功能 设置URL参数交互 使用数据转换器

查看更多 →

、轮播列表柱状图、键值表格、矩形树图 图4 文本类型组件 关系网络图 关系网络图类的组件目前只有关系网络图。 图5 关系网络图组件 素材 素材类型的组件包括边框、装饰、自定义背景组件。 图6 素材类型组件 交互 交互类型的组件包括全屏、iFrame、搜索、时间轴、Tab列表、Ta

查看更多 →