雷达图 radar
多维能力的框架化对比:每个维度一条轴,多系列叠在同一框架上直接比"形状"。团队能力评估、产品多维打分、版本能力对比的标准用图。
何时使用
- 维度 4-8 个、各有独立量纲但可归一到可比尺度;
- 多系列叠放对比是核心用法(对比团队/方案/版本);
- 单系列无对比时表达力有限,配合对比对象使用更好。
示例
radarIndicators 声明维度(name 维度名、max 上限、min 可选下限),radarSeries 声明系列(data 与 indicators 顺序对应,area: false 可关闭填充面)。
各维度同 max 时,最上轴旁自动标注环刻度数值,每环代表多少一望即知。
版本能力对比
雷达图最典型的场景:同一套维度比前后两个版本。填充用纵向浅渐变、叠加处不糊;需要强调关键顶点时给系列开 showSymbol。
轮廓线框版
只比形状不比量值时,关掉填充面就是干净的线框对照——六条边的高低走势一目了然,打印和深浅色背景下都清楚。
环底色与轴线联动
radarRingFill: true 在框架内铺同心圆环带(交替浓淡,参考 AntV 雷达示例),「由内到外」的层次立刻可读。悬浮任一维度标签或轴顶点:该轴线点亮、维度名加粗、各系列在该维度的顶点画实心点——「这个维度谁强」顺着高亮轴一眼比对;维度文本沿外圆分散四周,与环带同一圆心。
与条形图怎么选
维度 ≤ 4 个或读者需要精确读数排序时,条形图更诚实——雷达图的角度占用不均、面积随维度数变化,天然不适合精确判读;它的价值在 5–8 个维度时「整体形状」的一眼对比。维度各自量纲差异大且无法归一时,也请回退条形图分面。
配置要点
- 各维度的
max按业务合理设定,量纲不一致是雷达图最常见的失真来源; - 维度超过 8 个会互相穿插,先做归并;
- 某个系列只要轮廓不要填充面:该系列传
area: false; radarRingFill: true开同心圆环带底色;悬浮维度标签 / 轴顶点 / 图例项均触发对应高亮(图例悬浮走全局焦点淡化)。