Skip to main content

雷达图

一、组件说明

雷达图是一种用于展示多维度指标对比的图表类型,通常用于综合评估、能力分析、趋势对比等业务场景。每个维度以轴线向外延伸,多个维度形成闭合多边形,从而直观反映各项数据在不同维度的分布情况。

二、功能配置

雷达图支持灵活的数据源绑定与权限控制,同时提供丰富的数据结构配置选项,适应多种业务需求。

1. 数据源

可选择以下两种数据来源:

  • 表单数据源:支持对接来自系统中已创建的表单数据。
  • 聚合表数据源:支持将多个数据源进行字段汇总或加工后用于雷达图展示。

图片示例:数据源选择界面
预留图片位置


2. 数据权限

用于控制图表展示的数据范围,确保用户只能看到符合权限的数据。

  • 关联人员权限数据:用户仅可查看其有权限访问的数据。
  • 全部数据:图表展示所有数据内容,不受权限限制。

图片示例:权限配置界面
预留图片位置


3. 可配置项

配置项说明
纬度设置雷达图的维度字段,用作坐标轴的名称;维度数量即图形边数。
指标设置要展示的数据指标字段,指标值用于形成雷达图的数值顶点。
显示前 N 条数据限制图表中展示的数量,如仅展示前5名数据项,支持按指标排序控制显示。
筛选可设置过滤条件,例如:按部门、时间等字段筛选数据。
排序可对指标字段进行升序或降序排序,用于确定图表中数据展示顺序。

图片示例:纬度与指标配置界面
预留图片位置


三、样式配置

样式配置部分用于调整雷达图的展示形态、图例位置、标签、颜色等,提升数据表达的视觉效果。

1. 雷达图类型

  • 填充:图形区域使用实心颜色填充,增强视觉对比。
  • 线条:仅保留轮廓线,清晰呈现数据分布边界。

图片示例:雷达图类型切换效果
预留图片位置


2. 图例位置

图例用于标识各组数据的含义,可配置图例的展示方位:

  • 上方
  • 下方
  • 左侧
  • 右侧
  • 隐藏(不显示图例)

图片示例:图例位置示意图
预留图片位置


3. 坐标轴范围

坐标轴可根据业务数据设置合理的数值范围,避免图形展示失真。支持:

  • 自动计算最大值
  • 自定义坐标范围(如:最小值0,最大值100)

图片示例:坐标轴范围配置界面
预留图片位置


4. 数据标签

启用后,在每个数据点上方显示其具体数值,便于查看详细信息。

  • 支持开启/关闭
  • 可配合鼠标悬停 Tooltip 使用

图片示例:数据标签展示效果
预留图片位置


5. 图表配色

图表配色支持自定义调色方案,包括纯色渐变色,可按不同数据系列分配不同颜色,增强识别度。

  • 支持多种颜色方案
  • 渐变色支持起止色值配置

图片示例:图表配色设置界面
预留图片位置


四、常见使用场景示例

  • 员工能力评估图
  • 项目各项指标对比图
  • 客户满意度多维分析图

图片示例:实际使用中的雷达图案例
预留图片位置