项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。

雷达图 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 开同心圆环带底色;悬浮维度标签 / 轴顶点 / 图例项均触发对应高亮(图例悬浮走全局焦点淡化)。

相关 ​