5.数据展示和修改
与 React 组件的区别 一般处理数据的 React 组件，都会有两个 Props 参数，一个用于传递数据，一个用于响应数据变化。如下：import React from 'react';interface Props { value:string;onChange:(value:string)=>void;} const ComponentA=...
4.事件响应
与 React 组件事件回调的区别 React 组件在处理事件响应时，是直接将回调方法作为 Props 参数传递给组件，然后在组件内部调用。比如：import React from 'react';interface Props { onClick:()=>void;} export default(props:Props)=>{ ...
2.自定义组件说明
特点 了解项目结构后，可以看出自定义组件在本质上和前端组件一样，但有以下区别：基于 React 框架开发，是 React 组件。构建产物为 umd 产物，其它形式平台无法加载。通过组件上的静态属性 config 保存组件的配置。依赖和使用平台提供的 ...
switch
组件名字，用于表单提交获取数据-checked Boolean-是否选中-disabled Boolean-是否禁用-color String-组件颜色-onChange EventHandle-checked 改变时触发，event.detail={value:checked}-controlled Boolean false 是否为受控组件，...
业务组件开发
画布 Vue 组件开发脚手架 画布 React 组件开发脚手架 画布 Rax 组件开发脚手架 画布原生 JS 组件开发脚手架 Vue 组件 画布 Vue 组件开发脚手架适用于使用 Vue 技术栈开发的业务组件。开发步骤：组件开发 在 src/components 文件夹下开发此...
基础开发步骤
设置监听 当前示例开发的是一个受控组件，当数据变化时也需要修改num。魔笔应用是用mobx监听的数据，这一步引入mobx。import { observer } from"mobx-react;const MobiComponent=observer((props:{ title:string;num:any })=>{ });完整的...
基本概念
基本概念 说明 自定义页面组件 对于魔笔来说，自定义页面组件就是一个react组件+配置文件。在运行时和普通的react组件使用是一样的。prop 自定义页面组件接受的props字段，是自定义页面组件和魔笔平台交互的边界。开发自定义页面组件的工作...
概述
IoT Studio提供了组件开发功能，便于开发者开发、发布和管理自己研发的组件，并将其发布到可视化工作台中用于可视化页面搭建。从而满足开发者的需求，提升组件丰富性，为可视化搭建提供无限可能。使用说明 组件开发功能升级中，暂停新用户...
横向分栏和纵向分栏
横向分栏和纵向分栏组件分别...下外边距 上内边距 设置栏内组件与该栏上或下边界的距离。下内边距 容器样式 设置单个栏的填充颜色和边框样式。单击页面右上方的 保存 图标。预览和调试组件展示的数据和效果。具体操作，请参见 预览与调试。
日历
简介 日历组件与日期组件类型，都可用于展示和修改外层数据容器的DATETIME类型字段。不同点在于日期组件展示为一个输入框，而日历组件展示为一个日历。属性配置 日历组件属性由以下部分组成：分类 参数 示例 说明 属性 只读 通过设置日历...
弹性伸缩概述
两层的弹性组件与能力可以分开使用，也可以结合在一起使用，并且两者之间是通过调度层面的容量状态进行解耦。弹性伸缩组件介绍 调度层弹性组件介绍 组件名称 组件介绍 适用场景 使用限制 参考文档 HPA Kubernetes内置组件，主要面向在线...
开始模型训练
预处理组件 多方安全建模控制台支持将预处理组件与模型一起打包提交并参与部署。在 模型提交 页面，填写模型相关信息，单击 提交。使用场景相同的模型，建议使用同一个服务名称，并通过版本号和服务描述区分不同的模型。
3.添加属性
本文介绍如何给自定义组件添加属性。组件的属性 当我们在搭建页面使用系统组件时，每个组件会有属性、样式、事件等等设置。以文本组件为例，如下：我们把所有这些可以设置的内容称为组件的属性。属性对应到组件的实现，就是组件的 Props ...
一键美化
组内边距 组件与视觉组边框的距离。对齐阈值：对齐阈值主要用于优化页面布局，调整此处参数使得组件间的对齐关系更加明显。参数 说明 区域范围-X或Y X或Y方向的合并阈值，主要用于视觉参考线的合并。当可视化应用中存在两条独立的视觉参考...
一键美化
组内边距 组件与视觉组边框的距离。对齐阈值：对齐阈值主要用于优化页面布局，调整此处参数使得组件间的对齐关系更加明显。参数 说明 区域范围-X或Y X或Y方向的合并阈值，主要用于视觉参考线的合并。说明 当数据看板中存在两条独立的视觉...
自定义组件
在页面上使用的自定义组件实例时，该文字组件与左侧边缘距离保持不变 文字缩放 文字不跟随实例缩放：在页面工作台使用自定义组件时，如果直接通过编辑框，进行拖拽，则自定义组件中的字体，始终保持自身的大小，不跟随自定义组件实例进行...
AND
本文为您介绍逻辑运算的逻辑与组件（即AND算法组件）。对多个字段取与处理，支持“true”、“false”、“1”、“0”值的字段。计算逻辑原理 对多个字段值取逻辑与。使用流程说明 组件拖入画布后，将输入端口与其他组件的输出端口连接，将...
官方组件
组件部分文档主要包括：官方组件和自定义组件的介绍、组件的操作方法。官方组件是默认提供的基础组件。基础 时间 时间组件用于在应用内显示本机当前的时间。步骤一：添加组件 1.在工业组态编辑器中，点击左侧面板的组件Tab。2.在基础中，...
Echarts 弦图
受控模式 勾选复选框，组件初始化状态下不请求数据，仅通过全局变量或蓝图编辑器配置的方法发起请求数据；去勾选复选框，可以使用自动更新请求数据。默认为去勾选状态。自动更新请求 勾选复选框，可以手动输入轮询的时间频次设置动态轮询。...
index.js规范
index.js文件是组件的主入口文件。本文档提供了一个示例供您参考，并介绍了index.js文件中的常用函数。查看模板案例 example组件。常用函数 函数 说明 render(array:data)默认渲染方法。当组件被初始化后，组件渲染逻辑被调用，入参为数据...
Echarts 网络图
受控模式 勾选复选框，组件初始化状态下不请求数据，仅通过全局变量或蓝图编辑器配置的方法发起请求数据；去勾选复选框，可以使用自动更新请求数据。默认为去勾选状态。自动更新请求 勾选复选框，可以手动输入轮询的时间频次设置动态轮询。...
Echarts 弦图
图表元素 左侧：元素与组件左侧边界的距离。支持以下几种输入：具体像素值，例如 20。相对于容器高宽的百分比，例如 20%。left，center 或 right，组件会根据相应的位置自动对齐。顶部：元素与组件上侧边界的距离。支持以下几种输入：具体...
Echarts 漏斗图
受控模式 勾选复选框，组件初始化状态下不请求数据，仅通过全局变量或蓝图编辑器配置的方法发起请求数据；去勾选复选框，可以使用自动更新请求数据。默认为去勾选状态。自动更新请求 勾选复选框，可以手动输入轮询的时间频次设置动态轮询。...
Echarts 网络图
左侧：元素与组件左侧边界的距离。支持以下几种输入：具体像素值，例如 20。相对于容器高宽的百分比，例如 20%。left，center 或 right，组件会根据相应的位置自动对齐。顶部：元素与组件上侧边界的距离。支持以下几种输入：具体像素值，...
Echarts 漏斗图
左侧：图例与组件左侧边界的距离，默认为 auto。支持以下几种输入：具体像素值，例如 20。相对于容器高宽的百分比，例如 20%。left，center 或 right，组件会根据相应的位置自动对齐。顶部：图例与组件上侧边界的距离，默认为 auto。支持...
垂直堆叠柱状图（v3.x版本）
图表 边距：柱图区域与组件上下左右边界之间的距离，单位默认px。参数 说明 顶部 柱子最上端与组件上边界之间的距离。底部 柱子最下端与组件下边界之间的距离。左侧 最左边的柱子与组件左边界之间的距离。右侧 最右边的柱子与组件右边界...
基本散点图
受控模式 勾选复选框，组件初始化状态下不请求数据，仅通过全局变量或蓝图编辑器配置的方法发起请求数据；去勾选复选框，可以使用自动更新请求数据。默认为去勾选状态。自动更新请求 勾选复选框，可以手动输入轮询的时间频次设置动态轮询。...
梯形柱图（v3.0以下版本）
柱外间距：左右两侧柱子与组件左右边界之间的距离，取值范围为0~1。组内柱间距：每组的多个柱子之间的距离，取值范围为0~1。柱脚倾斜：梯形柱图柱脚的倾斜幅度。边距 顶部：柱图与组件上边界的距离。底部：柱图与组件下边界的距离。左侧：...
水平基本柱状图（v3.x版本）
图表 边距 参数 说明 顶部 柱图与组件上边界的距离。底部 柱图与组件下边界的距离。左侧 柱图与组件左边界的距离。右侧 柱图与组件右边界的距离。最多加载：自定义输入数据加载限制数量，系统最多加载您输入的数据记录条数进行布局、绘制与...
Echarts 玫瑰图
受控模式 勾选复选框，组件初始化状态下不请求数据，仅通过全局变量或蓝图编辑器配置的方法发起请求数据；去勾选复选框，可以使用自动更新请求数据。默认为去勾选状态。自动更新请求 勾选复选框，可以手动输入轮询的时间频次设置动态轮询。...
垂直胶囊柱图（v3.0以下版本）
垂直胶囊柱图是柱状图的一种，与基本柱图相比，垂直胶囊柱图组件支持使用堆叠的方式展示多系列数据，因此可以在较小的可视化应用空间内，智能地展示多维的数据差异。本文介绍垂直胶囊柱图各配置项的含义。配置 重要 本文介绍v3.0以下版本的...
组件异常问题排查
在组件安装、升级、更改配置等过程中出现异常问题时，控制台通常会提示相应的操作异常码。您可以根据操作异常码查找对应的问题，查看问题原因和解决方案。本文介绍操作异常码及其问题原因和解决方案。AddonOperationFailed.ResourceExists ...
Echarts 玫瑰图
左侧：网格与组件左侧边界的距离，默认为 3%。支持以下几种输入：具体像素值，例如 20。相对于容器高宽的百分比，例如 20%。left，center 或 right，组件会根据相应的位置自动对齐。顶部：网格与组件上侧边界的距离，默认为 60。支持以下几...
图标
本文介绍图标组件的图表样式和各配置项的含义。图表样式 图标是媒体组件的一种，可以为各个行业的可视化应用添加多种类型的图标元素，能够使可视化应用展示更加美观。配置面板 搜索配置：单击 配置 面板右上角的 搜索配置，可在 搜索配置 ...
图标
边距 图标与组件四边的距离百分比值，单位为%，取值范围为-100~100。数值设置越小，图标显示越大，数值小到一定数值后图标会超出组件外框大小；数值大到一定值，图标会小到消失看不见。背景样式：图标的背景样式，单击 图标控制背景的显隐...
通过onectl管理注册集群
安装组件 onectl addon install*升级组件 onectl addon upgrade*查询组件列表 onectl addon list 查看所有可安装组件 onectl addon catalog 卸载组件 onectl addon uninstall*组件RAM用户管理 您可以通过执行以下onectl命令，对组件RAM用户...
checkbox
{ items:[{ name:'angular',value:'AngularJS' },{ name:'react',value:'React',checked:true },{ name:'polymer',value:'Polymer' },{ name:'vue',value:'Vue.js' },{ name:'ember',value:'Ember.js' },{ name:'backbone',value:'Backbone...
本地开发测试
下文介绍组件开发过程和测试效果。前提条件 已完成环境安装和项目文件初始化。详细内容请参见 准备环境。步骤一：开发属性文件specs 组件能力描述内容，主要集中在项目文件的 src/specs/specs.js 文件中，用于开发组件的属性、服务和事件...
BI分析模式的限制说明
推荐以分析模式创建的组件和子组件 当前支持分析模式创建的组件包括如下几个：BI分析组件：气泡图 柱状图 条形图 百分比柱状图 区间柱状图 瀑布图 仪表盘 玉珏图 百分比条形图 饼图 分类玫瑰 雷达图 说明 BI分析详细组件说明，请参见 BI...
概述
准备环境 本地开发测试 打包本地项目文件 上传组件压缩包和截图 编辑组件 发布与使用 公开组件包 将个人组件上传到组件包，公开到市场供其他客户使用。创建组件包 编辑组件包 发布与使用组件包$icmsDocProps={'productMethod':'created','...
- 产品推荐
- 这些文档可能帮助您