发布与使用
个人组件开发验证完成后，为方便开发者使用个人组件开发可视化Web应用，需要完成个人组件的发布。本文介绍如何发布个人组件。背景信息 个人组件开发完成后：支持开发者在Web可视化编辑页面的个人开发组件列表预览未发布组件。支持开发者...
创建组件
在 组件开发个人组件 页签，单击 新建组件。在 新建组件 对话框，设置组件基本信息。参数 配置说明 组件名称 自定义组件名称。建议输入便于识别的名称。仅支持中文汉字、英文字母、数字、下划线（_）、连接号（-）和英文圆括号（()），且...
概述
完成组件创建和相关信息编辑后，进行组件属性、服务和事件的开发。本文介绍如何开发组件。前提条件 已完成组件的创建。详细内容请参见 创建组件。开发个人组件 在 组件开发 页面，根据组件开发流程图，进行单个组件开发和使用。准备环境 ...
上传组件压缩包和截图
完成本地组件开发和打包后，需要上传组件zip文件到IoT Studio进行打包构建。下文介绍组件项目包构建的具体操作。前提条件 已完成组件的项目文件打包。详细内容请参见 打包本地项目文件。操作步骤 在 组件开发 页面的左侧流程的 上传zip包 ...
编辑组件
下文介绍如何在组件开发工作台编辑组件的图标、基本信息和操作文档。前提条件 已完成组件开发后的打包构建。详细内容请参见 上传组件压缩包和截图。步骤一：编辑组件图标 组件图标会显示在Web可视化开发的组件列表中，便于您使用的时候快速...
基础开发步骤
本文整体阐述自定义页面组件开发的开发步骤。概述 开发自定义页面组件，一般分为三步：开发满足功能的react组件。配置自定义页面组件的prop和配置文件。包装react组件，处理prop的加工传递。步骤一、开发react组件 开发自定义页面组件，...
本地开发测试
下文介绍组件开发过程和测试效果。前提条件 已完成环境安装和项目文件初始化。详细内容请参见 准备环境。步骤一：开发属性文件specs 组件能力描述内容，主要集中在项目文件的 src/specs/specs.js 文件中，用于开发组件的属性、服务和事件...
添加或引用自定义页面组件
适用场景 自定义页面组件会在以下三种场景中使用：场景一：添加自定义页面组件 在应用中使用自己的自定义组件，可以先开发自定义页面组件，并添加在应用的自定义组件面板中，添加完成后即可直接使用。场景二：引用物料市场的自定义页面组件...
管理组件包
通过组件包管理功能，您可以将开发完成的组件上传至组件包中进行管理，并对特定人员进行授权，实现组件共享。新建组件包 登录 DataV控制台。在 工作台 页面，单击 组件开发 模块下的 组件包。在 组件包开发 页面，单击 新建组件包。在 新建...
概述
扩展能力 自定义页面组件 如下场景可能需要自定义页面组件：您可以为自己的业务定制开发和维护一组标准的业务组件，以实现业务内的组件复用和组件标准化。通用组件无法满足业务需要时，您可以通过自定义页面组件满足特定的样式规范、交互...
大屏管理
操作键 操作键 说明 Windows快捷键 macOS快捷键 复制 对图表组件或辅助图形进行复制。Ctrl+C Cmd+C 粘贴 对图表组件或辅助图形进行粘贴。Ctrl+V Cmd+V 撤销 在编辑画布过程中，可随时单击撤销或重做来实现编辑的回滚和恢复。无 无 重做 ...
快速开始
在Quick BI 中,除了系统内置的图表组件之外,您还可以开发自己的自定义组件，供您或您的组织使用。在开始之前，推荐先学习 ES2015。官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端，将 Quick BI ...
开发流程
本文介绍自定义页面组件在魔笔应用中的运行逻辑和创建自定义页面组件的核心流程。开发过程中会涉及一些基本概念，详细说明请参见 基本概念。自定义页面组件在魔笔应用中的运行逻辑 流程简介 开发自定义页面组件的整体流程如下：前提条件 已...
基本概念
本文介绍开发自定义页面组件相关的基本概念。基本概念 说明 自定义页面组件 对于魔笔来说，自定义页面组件就是一个react组件+配置文件。在运行时和普通的react组件使用是一样的。prop 自定义页面组件接受的props字段，是自定义页面组件和...
轮播页面
本文介绍轮播页面组件的图表样式和各配置项的含义。图表样式 轮播页面是基础交互组件的一种，仅支持在数据中配置页面的属性，包括ID、页面名称和链接，适用于在可视化应用中轮播展示多个网页。配置面板 搜索配置：单击 配置 面板右上角的 ...
基本概念
开发自定义页面组件的工作，除了实现组件的UI和功能，主要工作就是设计组件有哪些Prop。Prop的类型包括：基础数据类型：如boolean/number/string等。动态数据字段：指魔笔某个数据模型对应数据的某个字段。设计时只能通过API获取这个字段的...
开发和管理自定义组件
开发自定义组件流程说明 开发自定义组件流程说明如下：环境要求 node 版本：14.20.X npm 版本：6.14.X 开发自定义组件操作步骤 步骤一：下载示例代码 关于如何下载开发模板，请参见 下载示例代码。步骤二：安装依赖 解压下载的zip包，进入...
实验：构建应用首页和自定义页面
说明 轻应用页面编排设计器中内置了11个图表组件，本文示例拖入的组件为 折线图。在 折线图 属性的 数据设置 中配置 固定值 或 动态值 的 数据源。折线图 的配置详情如下图所示。说明 页面编排设计器内置了示例数据，以帮助您理解数据结构...
可视化图表常见问题
本文汇总了使用Quick BI...图表组件的 高级 页签中，设置自动刷新图表数据的周期，则每次打开仪表板都是从数据库中实时获取数据。仪表盘页面Tab控件的一个Tab页签下可以放置多个图表吗？可以。仪表盘进度条的最大值可以设置成度量吗？可以。
仪表板制作常见问题
有多个图表组件时会在设定的时间内轮换播放。个人空间的作品可以转移到工作空间？不可以。是否支持添加轨迹图？不支持。是否支持ECharts的插件？不支持。是否支持电子表格作为数据来源？不支持。只能是数据集。当某仪表板上超过5张图表时，...
发布与使用组件包
本文介绍如何发布组件包到市场，实现个人开发组件的共享和使用。前提条件 已完成组件包的编辑。详细内容请参见 编辑组件包。发布 登录 物联网应用开发控制台，在页面左上角选择对应实例后，在左侧导航栏单击 应用开发。在 应用开发 页面的 ...
编辑组件包
本文介绍了如何在组件包中添加已发布的个人组件。前提条件 已创建组件包。详细内容请参见 创建组件包。添加个人组件 登录 物联网应用开发控制台，在页面左上角选择对应实例后，在左侧导航栏单击 应用开发。在 应用开发 页面的 开发工具 ...
进入组件分析模式
分别为：BI分析图表组件类：单击资产面板中的 BI分析 模块，单击或拖拽模块列表中的某个图表类组件到画布中，会自动进入分析模式。组件添加时，画布中自动弹出 更改数据集 对话框，您可以自定义配置数据集内容，开启以数据为核心的BI分析...
新功能发布记录
本文介绍物联网应用开发（IoT Studio）功能和文档的动态。2024年01月 Web可视化开发和移动可视化开发 功能名称 功能描述 发布时间 相关文档 组件交互 动作执行模式默认 同时执行，新增 按顺序执行。2024-01-29 交互配置 2023年12月 项目...
组件
基础组件 包含 文字、复合组件、空间组件、媒体组件、控制组件、图表组件、表单组件 和 弹窗容器组件。工业组件 包含刻度表、仪表时钟、多色仪表盘、单色仪表盘、刻度滑动条、滑动条、一字管道、十字管道、T字管道、L字管道、风机、数码管...
创建组件包
物联网应用开发（IoT Studio）支持将个人开发组件添加到组件包，发布到公开市场供其他开发者使用。本文介绍如何将个人组件以组件包的形式，发布到公开的组件市场。新建组件包 登录 物联网应用开发控制台，在页面左上角选择对应实例后，在...
快速入门
四：资源管理 资源管理中的资源类型包括图片、3D模型、视频、矢量（SVG）。详细使用可见 素材（版本号>=2.4.0）模块。五：系统设置 展示组态系统的基本信息。案例一：车间生产看板 步骤一：创建应用 点击“新建”，输入应用名称，点击...
定义SQL组件
本文为您介绍在数据开发（DataStudio）的组件管理界面，如何创建组件，并进行组件的分享、升级、查看组件引用记录等管理操作。进入组件管理页面 进入 数据开发 页面。登录 DataWorks控制台，单击左侧导航栏的 数据建模与开发>数据开发，在...
组件开发快速入门
本文介绍使用DataV开发工具完成组件开发的方法。环境准备 进入 Node.js官网，下载并安装Node.js，推荐Node版本在8.0.0及以上，10.12.0以下。说明 如果您的系统已经安装过Node，并且还需要持续使用，推荐安装nvm来进行Node版本管理。使用nvm...
组件开发快速入门
本文介绍使用DataV开发工具完成组件开发的方法。环境准备 进入 Node.js官网，下载并安装Node.js，推荐Node版本在8.0.0及以上，10.12.0以下。说明 如果您的系统已经安装过Node，并且还需要持续使用，推荐安装nvm来进行Node版本管理。使用nvm...
仪表盘
图表的宽度默认为响应式宽度，即多个图表组件宽度为百分比比例模式，即当屏幕尺寸变化时，图表组件宽度会自动按比例变化。图表的高度为固定值，即图表组件的高度不会随屏幕尺寸变化而变化。仪表盘可视化区域宽度在768像素以上时，组件会...
数据表资源
部分组件支持将数据源设置为数据表资源，如部分图表组件（表格、柱状图、条形图、折线图、双Y轴折线图、饼图）。通过物联网平台数据服务配置的数据表资源，将分析的数据结果通过组件展示出来。参数 说明 数据表类型 数据表来源于物联网平台...
开发参考
本文介绍了DataV产品在自定义组件开发及产品二次开发时的相关内容，供您进行对应的开发操作。DataV数据可视化 7.0 组件开发包文件介绍 ECharts组件封装指南 桌面版开发工具使用说明 自定义组件常见问题 其他更多操作请参见 用户指南。DataV...
集成组件库开发说明
Greenplum 配置Greenplum输出组件 转换组件 组件名称 组件配置 字段选择 配置字段选择转换组件 字段计算 配置字段计算转换组件 过滤转换 配置过滤转换组件 加密转换 配置加密转换组件 解密转换 配置解密转换组件 流程组件 组件名称 组件...
集成组件库开发说明
Redis 配置Redis输出组件 ArgoDB 配置ArgoDB输出组件 转换组件 组件名称 组件配置 字段选择 配置字段选择转换组件 字段计算 配置字段计算转换组件 过滤转换 配置过滤转换组件 加密转换 配置加密转换组件 解密转换 配置解密转换组件 流程...
SQL组件概述
公共组件：组件的开发者可进人 公开组件 页签，将具有全局通用性的组件发布到整个租户内，发布后，租户内所有用户均可使用该公共组件。组件使用流程 在DataWorks中创建的 组件 需与DataWorks的 SQL组件节点 配合使用，具体流程如下：定义...
准备环境
开发个人组件前，需要配置开发环境和初始化开发项目。步骤一：安装Node.js运行环境 需要安装8.9 LTS以及以上版本：单击并选择版本下载。步骤二：安装npm包管理工具 内测用户先使用bnpm,正式开放之后会迁移至aliplus源，使用npm即可。打开...
自由卡片
自由卡片组件可作为基础容器与其他组件自由结合，组成多样式卡片，展示多种类型数据，帮助您高效地开发多样式的可视化移动应用项目。本文介绍自由卡片组件的详细配置方法。步骤一：添加组件 创建移动应用。具体操作，请参见 创建移动应用。...
基本概念
删除后：自定义组件将无法新增 先前已经保存过该自定义组件的图表也将不能显示改组件,并在原来的该组件的位置提示"该图表元信息异常或已被删除。显隐状态 显隐状态描述自定义组件是否能够在仪表板中新建.共有两种：隐藏：无法在物料栏新增...
产品简介
MBS 实现了可视化、标准化、组件化的搭建方式，提供丰富的基础组件和多个预置业务组件，同时支持使用自定义的前端组件，以供页面搭建使用，让您一次搭建就可以同时在 App 端内和 PC Web 端使用页面。依托阿里搭建领域多年的技术积累和淘系...
- 产品推荐
- 这些文档可能帮助您