完整示例：开发一个echarts图表
本文将介绍在 Quick BI 中开发一个基于 echarts 的圆角环形图自定义组件。效果示例图 详细代码请参见 完整代码示例。步骤一：创建项目 创建一个自定义组件项目，创建完成后安装依赖初始化。请参见 快速开始。npm init qbi-app myEcharts cd...
自定义组件
自定义组件嵌套 往自定义组件工作台中，拖入资源管理文件夹中某个已经编辑好的自定义组件，此时画布中被拖入的自定义组件会被转化为组合。跳转到自定义组件工作台的方法 方法一：双击该卡片，可跳转到自定义组件工作台重新编辑组件内容 ...
组件
组件面板中包含常用的官方组件和自定义组件。面板支持分组，有官方分组和自定义分组。官方分组内置官方组件，官方分组和分组内的组件不支持修改。自定义分组内为自定义组件，用户可以自由的新增、编辑、删除该分组和分组内的自定义组件 ...
使用自定义组件
自定义组件的事件（如 onTap 等），并不是每个自定义组件默认支持的，需要自定义组件本身明确支持才能使用。自定义组件支持事件具体方法请参见 component 构造器。使用方法 自定义组件的使用和基础组件类似。在页面 JSON 文件中指定使用的...
基本概念
自定义组件 在 Quick BI 中，自定义组件(CustomComponent)定义是一个包含了 bootstrap、mount、unmount、update 属性的对象，包含了自定义组件具体的实现的逻辑。详细信息请参考 Lifecycle。举例/这是一个自定义组件 const CustomComponent...
快速开始
在Quick BI 中,除了系统内置的图表组件之外,您还可以开发自己的自定义组件，供您或您的组织使用。在开始之前，推荐先学习 ES2015。官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端，将 Quick BI ...
配置数据源
在自定义组件模板中只需要将绑定设备模型下的某个属性绑定给子组件的属性，在页面中使用自定义组件的时候再绑定具体的设备，这样每个自定义组件实例会根据不同设备显示不同的数据。具体使用方法如下：第一步：为自定义组件添加设备模型。在...
管理组件包
注意 企业版的用户最多可在组件包中上传3个自定义组件，专业版 或尊享版 的用户可在组件包中无上限上传自定义组件。授权组件包 您可以使用授权组件包功能，实现多人共享组件功能。注意 授权组件包功能目前仅 专业版 和 尊享版 用户可以使用...
管理组件包
重要 企业版 的用户最多可在组件包中上传3个自定义组件，专业版 或 尊享版 的用户可在组件包中无上限上传自定义组件。授权组件包 您可以使用授权组件包功能，实现多人共享组件功能。重要 授权组件包功能目前仅 专业版 和 尊享版 用户可以...
mixins
开发者有时可能会实现多个自定义组件，而这些自定义组件可能会有些公共逻辑要处理，小程序提供 mixins 用于解决这种情况。以下为示例：/minxins/lifecylce.js export default { onInit(){},deriveDataFromProps(nextProps){},didMount(){},...
自定义菜单API
} 例子/这是一个自定义菜单 const CustomMenu={ bootstrap:(props)=>{},mount:(props)=>{},unmount:(props)=>{},update:(props)=>{},} 在 Quick BI 中,自定义菜单与自定义组件的生命周期完全相同,具体详情请参考 自定义组件生命周期。...
自定义组件API
说明 同一个自定义组件无论在仪表板上创建了多少个图表，boostrap 都只会触发1次。mount 渲染生命周期，当需要渲染自定义组件时，系统会创建一个 DOM 节点，并将自定义组件渲染到其中。此时会调用 mount 函数，其接口为：type ...
Quick BI自定义组件实现热力地图下钻
概述 目前产品不支持热力地图下钻，是否能通过自定义组件实现热力地图下钻？详细信息 需要用户通过自定义组件做一个热力地图，然后用自定义组件的能力完成下钻。适用于 Quick BI
自定义Python组件上架
AICS组件根据来源分为平台组件和自定义组件。平台组件为系统内置的组件，用户不可编辑；自定义组件是用户自己编辑上架的组件。目前AICS支持Python脚本、Python组件、算法包组件三种自定义组件。本文介绍自定义Python组件的上架流程。登录 ...
自定义Python脚本上架
AICS组件根据来源分为平台组件和自定义组件。平台组件为系统内置的组件，用户不可编辑；自定义组件是用户自己编辑上架的组件。目前AICS支持Python脚本、Python组件、算法包组件三种自定义组件。本文介绍自定义Python脚本的上架流程。登录 ...
自定义算法包组件上架
AICS组件根据来源分为平台组件和自定义组件。平台组件为系统内置的组件，用户不可编辑；自定义组件是用户自己编辑上架的组件。目前AICS支持Python脚本、Python组件、算法包组件三种自定义组件。本文介绍自定义算法包组件的模板及上架流程。...
1.快速开始
本文介绍开发自定义组件的流程。环境准备 本地需要安装如下内容：node.js 16.X版本。脚手架工具安装 点击下载 脚手架工具包（v0.0.8 2023.9.5）。解压到合适的目录。打开命令行工具，安装脚手架工具。下载并解压mobi-cli.zip，进入到mobi-...
基本概念
本文介绍开发自定义页面组件相关的基本概念。基本概念 说明 自定义页面组件 对于魔笔来说，自定义页面组件就是一个react组件+配置文件。在运行时和普通的react组件使用是一样的。prop 自定义页面组件接受的props字段，是自定义页面组件和...
2.自定义组件说明
通过这个文件，我们可以看出以下信息：自定义组件就是一个 React 组件。配置保存在组件的静态属性 config 上。配置说明 配置文件内容如下：import { API_VERSION,Category } from './api';export default { apiVersion:API_VERSION,version...
概述
扩展能力是魔笔的核心特性，支持您在构建应用的过程中，通过自定义页面组件、自定义逻辑流、自定义模块等方式来扩展应用能力。扩展能力 自定义页面组件 如下场景可能需要自定义页面组件：您可以为自己的业务定制开发和维护一组标准的业务...
上架组件
在顶部导航栏选择 应用管理，选择指定应用，单击 进入设计器，单击页面组件区下方+，打开 添加自定义组件 面板，添加自定义组件。添加自定义页面组件。配置自定义页面组件信息，添加自定义页面组件。添加完成后，自定义组件 分类下会展示已...
基本概念
集成与扩展 基本概念 说明 自定义页面组件 对于魔笔来说，自定义页面组件就是一个react组件+配置文件。在运行时和普通的react组件使用是一样的。原子组件 是指最基本的UI组件，是不可拆分的最小粒度的组件，例如文本框、按钮、下拉菜单等。...
开发和管理自定义组件
在 自定义组件 页面，您可查看所新增的定义组件。编辑自定义组件 在 自定义组件 页面，单击目标自定义组件或目标自定义组件右侧 操作 列下的 编辑。在 编辑自定义组件 面板，完成 自定义组件名称 和 描述 信息修改后，单击 确认。下载...
基础开发步骤
自定义页面组件包含桌面端组件和移动端组件，两者开发逻辑相同，区别是移动端组件只能使用 taro组件库，而不能使用fusion等其它的组件库。首先需要基于待开发组件的功能需求，开发一个react组件。组件需要的参数都通过prop传入，组件需要向...
管理自定义组件
本文为您介绍如何管理自定义组件。您可以在组件列表页面查看已创建的自定义组件，并对自定义组件进行查看组件版本详情、更新组件版本、删除组件等操作。查看自定义组件版本详情 在 组件列表 页面，单击组件名称，进入 组件详情 页面。单击...
自定义组件介绍
小程序基础库从 1.7.0 版本开始支持自定义组件功能。通过调用 my.canIUse('component')可判断自定义组件功能是否可在当前版本使用。自定义组件功能可将需要复用的功能模块抽象成自定义组件，从而在不同页面中复用。从小程序基础库 1.14.0 ...
组件配置
在[component].json 中声明自定义组件。如果该自定义组件还依赖了其它组件，则还需要额外声明依赖哪些自定义组件。{"component":true,/必选，自定义组件的值必须是 true"usingComponents":{"other":"./other/index"/依赖的组件 } } 参数...
版本变更记录
本文为您介绍自定义组件的版本变更记录。v4.6.1 新增了自定义组件在线编辑功能。v4.1.1.1 breaking change：为兼容新版数据面板，自定义组件的数据面板配置有所调整，具体请参考 自定义组件API。调整前 const componentMeta={/.dataSchema:...
规格说明
模块 功能 企业版 专业版 尊享版 产品资源数量 工作空间数量 2个 5个 100个 大屏项目数量 20个 40个 1000个 演示预案数量 20个 40个 100个 组件收藏数量 20个 40个 1000个 设计资产存储空间 5GB 10GB 99GB 自定义组件数量 3个 无限制 ...
规格说明
可视化组件：可视化大屏是由多个组件构成，您可以通过对组件进行配置来完成您的可视化大屏设计，同时DataV产品也开通了自定义组件开发功能，您可以根据自己的需求进行组件开发。本地部署：也叫私有化部署，是同一个概念，只有尊享版支持该...
创建自定义组件
与 Page 类似，自定义组件也由 axml、js、json、acss 4 个部分组成。创建自定义组件有以下 2 个步骤：声明一个组件。使用 Component 函数，注册自定义组件。以下为一个基本的组件示例：/app.json {"component":true }/components/customer/...
自定义文案与多语言设置
说明 验证码支持10个组件中的自定义文案，您可以通过传参数upLang:myLang，并定义myLang来自定义验证码组件的文案。语言名，可选cn、tw、en，也可添加自定义语言。语言详情，key/value格式。var myLang={"cn": { // 加载状态提示"LOADING":...
开发参考
本文介绍了DataV产品在自定义组件开发及产品二次开发时的相关内容，供您进行对应的开发操作。DataV数据可视化 7.0 组件开发包文件介绍 ECharts组件封装指南 桌面版开发工具使用说明 自定义组件常见问题 其他更多操作请参见 用户指南。DataV...
my.onComponentError
简介 my.onComponentError 监听小程序自定义组件内部 JS 代码的 error 事件。当自定义组件内部 JS 代码运行抛出错误时，除了会执行 my.onComponentError 回调外，同时会触发 my.onError 回调。入参 Function listener 参数 属性 类型 描述 ...
为什么引用其它模块的自定义组件找不到？
问题描述 为什么引用其它模块的自定义组件找不到？解决方案 页面编辑面板可通过顶部下拉按钮切换不同模块，从而使用不同模块中的自定义组件。
组件管理
您可以通过组件面板进行页面组件的管理。组件兼容性 Web 应用支持 PC 和 H5 两种类型的页面，组件按照兼容的页面类型分为 PC 页面专用组件、H5 页面专用组件和通用组件三类。...自定义组件 在组件面板的底部可以进行自定义组件的管理。
my.offComponentError
简介 my.offComponentError 移除小程序自定义组件内部 JS 代码的 error 事件的监听函数。入参 Function listener 自定义组件内部 JS 代码运行抛出错误时的回调函数。参数 属性 类型 描述 error Error 异常对象。method String 异常发生所在...
Quick BI自定义组件报错“该图表元信息异常或已被删除...
问题描述 Quick BI自定义组件报错“该图表元信息异常或已被删除”。问题原因 在开发者中心-自定义组件中对应的组件被删除了。解决方案 重新添加该组件即可。适用于 Quick BI 公共云专业版
ref 获取组件实例
从 1.14.0 版本开始，自定义组件支持使用 ref 获取自定义组件实例，可以使用 my.canIUse('component2')做兼容。pages/index/index.js Page({ plus(){ this.counter.plus();},/saveRef 方法的参数 ref 为自定义组件实例，运行时由框架传递给...
组件操作
移到顶层 在画布的最上一层显示 移到底层 在画布的最下一层显示 上移 向上移动一层 下移 向下移动一层 组合 将多个组件组合为一个成组组件 解散组合 将多个成组组件解散 创建自定义组件 快速根据页面当前选种组件创建自定义组件，跳转到...
- 产品推荐
- 这些文档可能帮助您