雷达图
一、组件说明
雷达图是一种用于展示多维度指标对比的图表类型,通常用于综合评估、能力分析、趋势对比等业务场景。每个维度以轴线向外延伸,多个维度形成闭合多边形,从而直观反映各项数据在不同维度的分布情况。
二、功能配置
雷达图支持灵活的数据源绑定与权限控制,同时提供丰富的数据结构配置选项,适应多种业务需求。
1. 数据源
可选择以下两种数据来源:
- 表单数据源:支持对接来自系统中已创建的表单数据。
- 聚合表数据源:支持将多个数据源进行字段汇总或加工后用于雷达图展示。
(图片示例:数据源选择界面)
预留图片位置
2. 数据权限
用于控制图表展示的数据范围,确保用户只能看到符合权限的数据。
- 关联人员权限数据:用户仅可查看其有权限访问的数据。
- 全部数据:图表展示所有数据内容,不受权限限制。
(图片示例:权限配置界面)
预留图片位置
3. 可配置项
配置项 | 说明 |
---|---|
纬度 | 设置雷达图的维度字段,用作坐标轴的名称;维度数量即图形边数。 |
指标 | 设置要展示的数据指标字段,指标值用于形成雷达图的数值顶点。 |
显示前 N 条数据 | 限制图表中展示的数量,如仅展示前5名数据项,支持按指标排序控制显示。 |
筛选 | 可设置过滤条件,例如:按部门、时间等字段筛选数据。 |
排序 | 可对指标字段进行升序 或降序排序,用于确定图表中数据展示顺序。 |
(图片示例:纬度与指标配置界面)
预留图片位置
三、样式配置
样式配置部分用于调整雷达图的展示形态、图例位置、标签、颜色等,提升数据表达的视觉效果。
1. 雷达图类型
- 填充:图形区域使用实心颜色填充,增强视觉对比。
- 线条:仅保留轮廓线,清晰呈现数据分布边界。
(图片示例:雷达图类型切换效果)
预留图片位置
2. 图例位置
图例用于标识各组数据的含义,可配置图例的展示方位:
- 上方
- 下方
- 左侧
- 右侧
- 隐藏(不显示图例)
(图片示例:图例位置示意图)
预留图片位置
3. 坐标轴范围
坐标轴可根据业务数据设置合理的数值范围,避免图形展示失真 。支持:
- 自动计算最大值
- 自定义坐标范围(如:最小值0,最大值100)
(图片示例:坐标轴范围配置界面)
预留图片位置
4. 数据标签
启用后,在每个数据点上方显示其具体数值,便于查看详细信息。
- 支持开启/关闭
- 可配合鼠标悬停 Tooltip 使用
(图片示例:数据标签展示效果)
预留图片位置
5. 图表配色
图表配色支持自定义调色方案,包括纯色与渐变色,可按不同数据系列分配不同颜色,增强识别度。
- 支持多种颜色方案
- 渐变色支持起止色值配置
(图片示例:图表配色设置界面)
预留图片位置
四、常见使用场景示例
- 员工能力评估图
- 项目各项指标对比图
- 客户满意度多维分析图
(图片示例:实际使用中的雷达图案例)
预留图片位置