概述
目前DataV支持的组件有图表、地图、信息、表格、控件、媒体、素材、模型和其他。图表 您可以在 图表 组件中，选择您需要的图表，包括柱状图、条形图、折线...其他 您可以在 其他 组件中，选择不常用的组件，包括矩形树图、抽奖轮播图等组件。
关系网络
上图中的 type 值为 group1 的节点，其样式使用下图中标签类别名为 group1 配置。links 设置连接线。包含以下字段：source：设置连接线的源节点，取值为源节点的 name 值。target：设置连接线的目标节点，取值为目标节点的 name 值。value...
雷达图
图表样式 雷达图是移动端组件中的一种，支持使用角度轴和极坐标轴分别展示类目和数值，支持自定义文本、图形、动画样式，支持多系列数据配置，能够使用雷达图直观地展示多维度的类目数据对比情况。配置面板 搜索配置：单击 配置 面板右上角...
雷达图
图表样式 雷达图是移动端组件中的一种，支持使用角度轴和极坐标轴分别展示类目和数值，支持自定义文本、图形、动画样式，支持多系列数据配置，能够使用雷达图直观地展示多维度的类目数据对比情况。配置面板 搜索配置：单击 配置 面板右上角...
组件
位置在下的红框为自定义分组，分组下的组件为自定义组件，该分组和分组下的组件都支持新增、编辑、删除 使用组件 在左侧的组件面板中选择组件，通过拖拽的方式拖动到画布中，画布就会生成对应组件。自定义分组操作 详细自定义组件文档请...
轮播图
描述：轮播图中每张图片的描述样式，可单击 图标控制描述的显隐。背景颜色：描述模块的背景颜色。参数 说明 颜色样式 背景颜色的样式，可选：渐变 和 单色。颜色 背景颜色，仅当 颜色样式 为 单色 时有效。开始颜色 背景的开始颜色，请参见...
OCR通用手写体识别
1.组件介绍 说明 必要前置组件：无 建议后置组件：条件分支（可通过分支条件判断OCR能力是否调用成功并设计后续对应流程）利用本组件可以使用OCR技术实现图片中各行业场景下的非结构化文字识别（示例）。2.输入项 说明 请参照可视化编辑器...
地图容器
地图容器是3D平面地图中用于承载地图本身和各子组件的容器，支持添加区域热力层、柱状层、呼吸气泡层等子组件，支持配置地图的基础属性和快速样式，能够多角度、多形式地渲染平面地图的3D效果。本文介绍3D平面地图容器各配置项的含义。说明...
定义SQL组件
用户A在使用过程中发现该组件已存在最新版本V2.0，则可打开组件，查看不同版本详情，对比后发现新版本组件业务效果更好，则可更新升级到最新的组件版本使用。后续 组件创建、分享完成后，具有组件使用权限的用户可通过创建SQL组件节点引用...
查看危险组件
若使用存在安全漏洞的组件，会对应用的安全性产生影响，因此对于存在漏洞风险的组件，建议您尽快通过升级等方式修复。若短时间内无法修复，请将对应应用的防护模式设置为 监控并阻断，以确保攻击者利用这些漏洞时，能被应用安全及时拦截。...
区域图（v4.0以下版本）
数据 上图中的示例JSON代码如下。[{"x":"2010/01/01 00:00:00","y":375 },{"x":"2010/02/01 00:00:00","y":200 },{"x":"2010/03/01 00:00:00","y":0 },{"x":"2010/04/01 00:00:00","y":190 },{"x":"2010/05/01 00:00:00","y":90 },{"x":...
图片组件
高&宽 高和宽将决定组件在画布中的大小，图片框会根据用户上传的图片内容做自动适应，建议上传图片内容的高宽和组件高宽设置为相同 图片内容 图片内容支持两种数据格式 互联网可访问的HTTP地址 图片base64后的内容，注意需要将“data:image...
管理组件
若无需使用某个自定义组件，可将其下线，下线的组件将不会出现在页面搭建编辑器的组件库中。如需重新使用已下线的组件，可再次将其上线。下线：在组件列表中，选择目标组件，单击 操作 列下的 下线 菜单，并确认下线。上线：在组件列表中，...
宜搭创建大屏实操
配置轮播饼图组件 配置轮播饼图组件的操作步骤如下：在画布编辑器中选择表示 客户引入渠道 的 饼图 组件，在组件的右侧面板中，选择 数据 面板，单击 配置数据源，选择 宜搭数据源，并单击 进入配置。在 图表数据配置 对话框中，将 数据集 ...
气泡图（v3.x版本）
数据 上图中的示例JSON代码如下。[{"x":"2010/01/01 00:00:00","y":"360","r":"10","s":"1"},{"x":"2010/02/01 00:00:00","y":"230","r":"20","s":"1"},{"x":"2010/03/01 00:00:00","y":"325","r":"25","s":"1"},{"x":"2010/04/01 00:00:00...
添加和管理模板类型组件
在 添加组件 面板，您可以从企业的组件模板中心中选择组件，或通过导入模板的方式创建组件：从企业的组件模板中心中选择组件：选中 模板中心，单击 下一步。可选：在搜索文本框，输入目标模板名称，单击 查询。选中目标模板，单击 下一步。...
标签
使用场景 当需要标记事物的属性和维度，或需对一组事物分类时，您可以使用 标签 组件。使用说明 从 组件面板 拖拽 标签 组件至画布。绑定变量。定义一个List类型的变量，将其设置为 绑定变量 的值。您可以通过变量对值的承接，实现对已有...
散点图（v3.x版本）
数据 上图中的示例JSON代码如下。[{"x":"2010/02/01 00:00:00","y":"175","s":"1"},{"x":"2010/02/10 00:00:00","y":"200","s":"1"},{"x":"2010/03/01 00:00:00","y":"125","s":"1"},{"x":"2010/03/20 00:00:00","y":"190","s":"1"},{"x":...
漏斗图
使用场景 已有数据源，且需要通过漏斗图类型的图表显示数据时，您可以选择使用 漏斗图 组件。使用说明 图表绑定的数据源支持固定数据源及动态数据源。数据源类型需为List，Structure为结构对象类型。List中的每个数据对应着漏斗图中每个...
网格热力图（v1.x版本）
数据 可下载上图中的 示例JSON代码。表 1.字段说明 字段 说明 lng 网格点的经度。lat 网格点的纬度。表 2.配置项说明 配置项 说明 受控模式 打开开关，资产初始化状态下不请求数据，仅通过回调ID或蓝图编辑器配置的方法发起请求数据；关闭...
数字输入框
使用场景 当页面需要输入数字的文本框时，您可以使用 数字输入框 组件。使用说明 如果不配合 表单容器 组件使用 数字...为 数字输入框 组件绑定 对象字段，下图中 对象字段（id）是上图 表单容器 组件 绑定变量（_dataQuery）对象中的Key。
添加组件
移动编辑器组件列表面板，主要用于添加移动端试用的组件内容到流式布局画布中。本文档主要介绍添加组件到...用鼠标拖动 组件列表 面板内的某个组件到流式布局画布指定位置中的某个非空格子内，即在该格子后新添加一个空格子用于放置该组件。
预览区块
测试新增数据成果 测试事件 在事件页签中，单击某个事件对应区块中的组件，查看组件内部抛出的数据在事件页签中是否正确。如下图所示，单击 轮播列表 组件中的一行数据，可以在右侧 轮播列表点击 事件页签中的 事件响应结果 处，监听 轮播...
折线图
使用示例 将 折线图 组件拖入编排页面画布中时，默认设置为 多折线图，示例数据为今年人口统计数量，通过分组中的gender（性别）字段实现两条折线的区分。下图为年度销售额折线图绑定动态数据源，annualSalesAmount为List类型的变量。选定...
开发可视化茶园监控大屏
您可开发一个Web可视化应用来监控茶园，通过可视化的监控大屏实时展示和查询指定时间段中，茶园...为结束时间的组件，配置交互动作2：值改变事件，触发交互动作，刷新折线图组件。依次单击顶部栏中的 保存、预览、发布 按钮，查看并发布应用。
斑马柱状图
图表样式 斑马柱状图是柱状图的一种，与基本柱图相比，斑马柱状图中的柱子是由不连续的可配置的线条组成，能够更加智能美观地展示多维的数据差异，但在可视化应用中占的空间较大。样式面板 搜索配置：单击 样式 面板右上角的搜索配置项图标...
基本柱图（v3.0以下版本）
基本柱图是柱状图的一种，相比弧形柱图，基本柱图组件支持自定义y轴区间和多个系列的数据配置，能够更加智能地展示多维的数据差异基本柱图，但在可视化应用中占的空间较大。本文介绍基本柱图各配置项的含义件。配置 重要 本文介绍v3.0以下...
斑马柱图（v3.0以下版本）
斑马柱图是柱状图的一种，与基本柱图相比，斑马柱图中的柱子是由不连续的可配置的线条组成，在视觉上更加美观。能够更加智能美观地展示多维的数据差异，但在可视化应用中占的空间较大。本文介绍斑马柱图各配置项的含义。配置 重要 本文介绍...
区域热力层
上图中的示例JSON代码如下。[{"area_id":"330203","value":72,"name":"海曙区"},{"area_id":"330205","value":21,"name":"江北区"},{"area_id":"330206","value":99,"name":"北仑区"},{"area_id":"330211","value":43,"name":"镇海区"},{...
梯形柱状图
为空时，系统会将组件数据中的s字段值作为系列名进行显示。如果不为空，您需要保证数据返回的顺序。颜色 此系列下柱图的颜色。其它 缓动动画：柱状图的动画效果样式，单击 图标可开启或关闭动画效果。参数 说明 动画设置 缓动效果：动画的...
素材概述
在素材模块内的二级组件面板中，有 视频、图标、点缀、背景图、背景框、装饰条 和 插画 七个素材类型组件。所有的素材，其组件类型只有 视频 和 单张图片 两类，两类组件的详细配置说明请参见 单张图片 和 视频。您可以在画布中添加素材...
分组柱状图
为空时，系统会将组件数据中的s字段值作为系列字段映射值进行显示。如果不为空，您需要保证数据返回的顺序。显示名称 数据系列的显示名称，可自定义。颜色 此系列下柱图的颜色。其它 缓动动画：柱状图的动画效果样式，单击 图标可开启或...
水平胶囊柱状图
为空时，系统会将组件数据中的s字段值作为系列名进行显示。如果不为空，您需要保证数据返回的顺序。颜色 此系列下柱图的颜色。其它 缓动动画：柱状图的动画效果样式，单击 图标可开启或关闭动画效果。参数 说明 动画设置 缓动效果：动画的...
图片
在移动应用编辑器中，单击最左侧的 组件 图标。（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见 横向分栏和纵向分栏。在画布左侧组件列表上方，输入 图片，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，...
水平基本柱状图（v3.x版本）
数据 上图中的示例JSON代码如下。[{"x":"内蒙古","y":"375","s":"1"},{"x":"内蒙古","y":"180","s":"2"},{"x":"内蒙古","y":"100","s":"3"},{"x":"浙江","y":"200","s":"1"},{"x":"浙江","y":"100","s":"2"},{"x":"浙江","y":"200","s":"3...
分组柱图（v3.0以下版本）
数据 上图中的示例JSON代码如下。[{"x":"浙江","y":"200","s":"1"},{"x":"浙江","y":"100","s":"2"},{"x":"辽宁","y":"25","s":"1"},{"x":"辽宁","y":"125","s":"2"},{"x":"吉林","y":"190","s":"1"},{"x":"吉林","y":"110","s":"2"},{"x":...
图片Base64编码
1.组件介绍 说明 必要前置组件：无 利用本组件可以实现图片Base64编码 2.输入项 说明 请参照可视化编辑器内组件面板中各输入项的帮助信息 3.输出项 说明 请参照可视化编辑器内组件面板中各输出项的帮助信息 4.组件使用示例 4.1.组件配置...
梯形柱图（v3.0以下版本）
数据 上图中的示例JSON代码如下。[{"x":"内蒙古","y":"400","s":"1"},{"x":"内蒙古","y":"180","s":"2"},{"x":"浙江","y":"200","s":"1"},{"x":"浙江","y":"100","s":"2"},{"x":"辽宁","y":"25","s":"1"},{"x":"辽宁","y":"125","s":"2"},{...
管理地图子组件
本文介绍地图子组件管理的操作步骤和基本功能，方便您更加快速准确地使用地图组件。操作步骤 登录 DataV控制台。在 我的可视化 页面，单击您创建的可视化应用项目上方的 编辑 按钮。在画布编辑器页面，单击左上角的 图标，展开 资产列表。...
垂直堆叠柱状图（v3.x版本）
数据 上图中的示例JSON代码如下。[{"x":"内蒙古","y":"375","s":"1"},{"x":"内蒙古","y":"180","s":"2"},{"x":"内蒙古","y":"100","s":"3"},{"x":"浙江","y":"200","s":"1"},{"x":"浙江","y":"100","s":"2"},{"x":"浙江","y":"200","s":"3...
- 产品推荐
- 这些文档可能帮助您