发布与使用
个人组件开发验证完成后，为方便开发者使用个人组件开发可视化Web应用，需要完成个人组件的发布。本文介绍如何发布个人组件。背景信息 个人组件开发完成后：支持开发者在Web可视化编辑页面的个人开发组件列表预览未发布组件。支持开发者...
概述
开发个人组件 在 组件开发 页面，根据组件开发流程图，进行单个组件开发和使用。准备环境 本地开发测试 打包本地项目文件 上传组件压缩包和截图 编辑组件 发布与使用 公开组件包 将个人组件上传到组件包，公开到市场供其他客户使用。创建...
编辑组件
下文介绍如何在组件开发工作台编辑组件的图标、基本信息和操作文档。前提条件 已完成组件开发后的打包构建。详细内容请参见 上传组件压缩包和截图。步骤一：编辑组件图标 组件图标会显示在Web可视化开发的组件列表中，便于您使用的时候快速...
上传组件压缩包和截图
完成本地组件开发和打包后，需要上传组件zip文件到IoT Studio进行打包构建。下文介绍组件项目包构建的具体操作。前提条件 已完成组件的项目文件打包。详细内容请参见 打包本地项目文件。操作步骤 在 组件开发 页面的左侧流程的 上传zip包 ...
本地开发测试
下文介绍组件开发过程和测试效果。前提条件 已完成环境安装和项目文件初始化。详细内容请参见 准备环境。步骤一：开发属性文件specs 组件能力描述内容，主要集中在项目文件的 src/specs/specs.js 文件中，用于开发组件的属性、服务和事件...
配置DataHub输入组件
操作步骤 请参见 离线管道组件开发入口，进入离线单条管道脚本的组件开发页面。按照下图操作指引，进入 DataHub输入配置 对话框。在 DataHub输入配置 对话框，按照下表配置参数。参数 描述 步骤名称 根据当前组件的使用场景及定位，输入...
配置DataHub输入组件
操作步骤 请参见 离线管道组件开发入口，进入离线单条管道脚本的组件开发页面。按照下图操作指引，进入 DataHub输入配置 对话框。在 DataHub输入配置 对话框，按照下表配置参数。参数 描述 步骤名称 根据当前组件的使用场景及定位，输入...
基础开发步骤
本文整体阐述自定义页面组件开发的开发步骤。概述 开发自定义页面组件，一般分为三步：开发满足功能的react组件。配置自定义页面组件的prop和配置文件。包装react组件，处理prop的加工传递。步骤一、开发react组件 开发自定义页面组件，...
添加或引用自定义页面组件
适用场景 自定义页面组件会在以下三种场景中使用：场景一：添加自定义页面组件 在应用中使用自己的自定义组件，可以先开发自定义页面组件，并添加在应用的自定义组件面板中，添加完成后即可直接使用。场景二：引用物料市场的自定义页面组件...
开发参考
本文介绍了DataV产品在自定义组件开发及产品二次开发时的相关内容，供您进行对应的开发操作。DataV数据可视化 7.0 组件开发包文件介绍 ECharts组件封装指南 桌面版开发工具使用说明 自定义组件常见问题 其他更多操作请参见 用户指南。DataV...
管理组件包
在 工作台 页面，单击 组件开发 模块下的 组件包。在 组件包开发 页面，单击 新建组件包。在 新建组件包 对话框中，按照以下说明输入组件包信息，单击 确定。参数 说明 英文名 自定义组件包的英文名称。命名长度需在20个字符以内，仅可包含...
6.开发容器组件
自定义容器组件 开发容器组件，核心就是配置中的 isContainer 字段，步骤如下：在 src/config.ts 文件中，修改 isContainer 字段为 true。在 src/index.tsx 文件中，渲染 children。此时，自定义容器组件开发完成。接下来 在掌握了容器组件...
调试组件
前提条件 已完成组件开发，详细操作请参见 开发组件。操作步骤 在项目根目录下，执行以下命令编译组件，并拉起一个本地开发调试用的Web环境，模拟设计时加载组件，可以测试组件在设计时的运行情况。mobi dev 单击图中的 点击在编辑器 中...
批量数据合并
IN1-数据列 配置IN1端口输入数据的数据列（IN1和IN2数据列的输入参数名不能重复）。是 不限 csv组件。igateoffline组件。平台上其他数据处理组件。按照平台组件开发的自定义组件。IN2端口-输入参数 参数名 参数描述 是否必填 输入数据类型 ...
上架组件
前提条件 已完成组件调试，详细操作请参见 调试组件。操作步骤 登录 魔笔。在顶部导航栏选择 应用管理，选择指定应用，单击 进入设计器，单击页面组件区下方+，打开 添加自定义组件 面板，添加自定义组件。添加自定义页面组件。配置自定义...
魔笔开发中，组件开发使用的是哪些技术栈？
问题描述 魔笔开发中，组件开发使用的是哪些技术栈？用魔笔开发自定义组件需要上手react，有什么推荐的学习资料吗？解决方案 如果不了解react，建议先查看官网的文档 react，对于pc组件，这里使用的是 Alibaba Fusion Design，详细信息可...
概述
扩展能力 自定义页面组件 如下场景可能需要自定义页面组件：您可以为自己的业务定制开发和维护一组标准的业务组件，以实现业务内的组件复用和组件标准化。通用组件无法满足业务需要时，您可以通过自定义页面组件满足特定的样式规范、交互...
案例推理-训练
按照平台组件开发的自定义组件。案例解 案例解相关变量。是 整数或浮点数 说明 若存在非数值数据，则会抛出异常 csv组件。IGateOffline组件。平台上其他数据处理组件。按照平台组件开发的自定义组件。案例指标 案例指标相关变量及对应参数...
打包本地项目文件
完成组件开发后，在组件项目的根目录里，执行以下命令，打包成zip文件。前提条件 已完成本地开发测试。详细内容请参见 本地开发测试。操作步骤 在组件项目的根目录下，执行 npm run pack 命令。npm run pack 正常执行之后，生成一个与项目...
基本概念
本文介绍开发自定义页面组件相关的基本概念。基本概念 说明 自定义页面组件 对于魔笔来说，自定义页面组件就是一个react组件+配置文件。在运行时和普通的react组件使用是一样的。prop 自定义页面组件接受的props字段，是自定义页面组件和...
开发流程
本文介绍自定义页面组件在魔笔应用中的运行逻辑和创建自定义页面组件的核心流程。开发过程中会涉及一些基本概念，详细说明请参见 基本概念。自定义页面组件在魔笔应用中的运行逻辑 流程简介 开发自定义页面组件的整体流程如下：前提条件 已...
组件管理
组件兼容性 Web 应用支持 PC 和 H5 两种类型的页面，组件按照兼容的页面类型分为 PC 页面专用组件、H5 页面专用组件和通用组件三类。可通过组件面板上的标识查看组件兼容性，当前页面不兼容的组件为灰色且不可拖入画布中。自定义组件 在...
缺失值处理
是 整数或浮点数 说明 若存在非数值数据，则会置为NaN csv组件 igateoffline组件 平台上其他数据处理组件 按照平台组件开发的自定义组件 OUT端口-输出参数 参数名 参数描述 是否必填 输出数据类型 输出 输出包含保留变量、时间变量和缺失...
数据筛选
功能说明 数据筛选组件可以指定某一列或多列数据，根据筛选规则，筛选出满足规则的数据。计算逻辑原理 数据筛选：根据指定的筛选规则筛选满足规则的数据。例如：输入CSV包含5列，温度、压力、振动、流量和能耗，设定筛选规则：能耗小于100...
基本概念
开发自定义页面组件的工作，除了实现组件的UI和功能，主要工作就是设计组件有哪些Prop。Prop的类型包括：基础数据类型：如boolean/number/string等。动态数据字段：指魔笔某个数据模型对应数据的某个字段。设计时只能通过API获取这个字段的...
分段多项式回归
按照平台组件开发的自定义组件。目标变量 配置模型目标列 是 整数或浮点数 说明 若存在非数值数据，则会抛出异常。CSV组件。IGateOffline组件。平台上其他数据处理组件。按照平台组件开发的自定义组件。算法参数 参数名 参数描述 是否必填 ...
线性回归
按照平台组件开发的自定义组件。目标变量 配置模型目标列 是 整数或浮点数 说明 若存在非数值数据，则会抛出异常。CSV组件。IGateOffline组件。平台上其他数据处理组件。按照平台组件开发的自定义组件。模型端口 参数名 参数描述 输出参数 ...
数据对齐
功能说明 数据对齐组件可以指定某一列或多列数据，对指定列进行向前或向后移动若干行。若配置时间索引，可以向前或向后移动若干时间。可以选择是否删除因为移动产生的缺失数据行。计算逻辑原理 按行数：根据指定的若干移动行数，将指定列与...
下拉菜单
简介 表单选项菜单的输入交互组件。属性配置 下拉菜单组件属性由以下部分组成：分类 参数 示例 说明 基础属性 只读 开启只读开关，下拉菜单组件会变成不可编辑状态。提示文字 编辑下拉选择框提示文字，可以在下拉选择框内容为空的时候背景...
简介
本文介绍控制台的页面组件，供您在搭建页面时使用。基本组件说明 分类 组件 说明 数据容器 Data 绑定单个数据源上下文的容器，为容器中组件提供数据源，对页面布局无影响。List 绑定列表数据源上下文的容器，为容器中组件提供数据源，对...
2.自定义组件说明
在组件开发过程中可以引用相关定义辅助代码开发。后续如果升级 API，只需要初始化一个新的组件项目，用最新的 src/api 目录替换旧的 src/api 目录即可。编译产物 查看编译产物，可以看出这是组件的 umd 产物。平台加载组件，就是加载组件的...
侧边导航
属性配置 侧边导航组件属性由以下部分组成：分类 属性 示例 说明 基础属性 导航菜单 侧边导航组件预定义三个需要平铺展示的导航级别：无、一级导航、二级导航，请参见：导航菜单。样式 宽高 侧边导航组件的宽度和间距属于页面组件通用属性...
创建组件
在 组件开发个人组件 页签，单击 新建组件。在 新建组件 对话框，设置组件基本信息。参数 配置说明 组件名称 自定义组件名称。建议输入便于识别的名称。仅支持中文汉字、英文字母、数字、下划线（_）、连接号（-）和英文圆括号（()），且...
桌面版开发工具使用说明
在 组件开发 模块单击 组件包，进入组件包开发管理页面。单击 下载开发者工具。在 选择您需要下载的版本 对话框中，选择一个版本，单击 下载。系统提供 MAC、WIN、Terminal 三种版本的工具供您选择：MAC：适用于macOS操作系统。WIN：适用于...
标签容器
简介 标签容器可以执行以标签形式展示多个区块内容。属性配置 按钮组件属性由以下部分组成：分类 基础...间距 可见性 条件可见性 可见性确定标签容器组件是否作为页面的一部分最终显示给用户。关于此部分属性的更多信息，请参见 条件可见性。
管理地图子组件
单击左侧 组件库 页签，选择 地图 下的任一组件，单击添加到画布中。以 基础平面地图 组件为例。在画布中单击 基础平面地图 组件，在右侧配置栏单击 图标，展开子组件。同时会开启 子组件面板 和 子组件管理面板。也可以单击子组件管理面板...
管理地图子组件（v4.x版本）
单击左侧 组件库 页签，选择 地图 下的任一组件，单击添加到画布中。以 基础平面地图 组件为例。在画布中单击 基础平面地图 组件，在右侧配置栏或在图层面板单击 图标，展开子组件。同时会开启 子组件面板 和 子组件管理面板。也可以单击子...
K近邻
按照平台组件开发的自定义组件。目标变量 配置模型目标列 是 分类：整数或浮点数或字符 回归：整数或浮点数 说明 若存在非数值数据，则会抛出异常。CSV组件。IGateOffline组件。平台上其他数据处理组件。按照平台组件开发的自定义组件。...
日期
简介 日期组件用于展示和修改外层数据容器的DATETIME类型字段。属性配置 日期组件属性由以下部分组成：分类 参数 示例 说明 属性 只读 通过设置日期组件为只读状态，可以实现日期组件的不可操作状态。提示文字 编辑日期选择框提示文字，...
List
简介 List组件绑定一个数据源列表，将列表的每一项都渲染出一个类似Data的数据容器。用于呈现高度定制的列表内容。属性配置 List组件属性由以下部分组成：分类 基础属性 说明 属性 只读 通过设置List组件为只读状态，可以实现List组件及其...
- 产品推荐
- 这些文档可能帮助您