> For the complete documentation index, see [llms.txt](https://reee-visual.gitbook.io/ray-design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://reee-visual.gitbook.io/ray-design/lei-da-tu.md).

# 雷达图

雷达图（Radar Chart）是以从同一点开始的轴上表示的三个或更多个定量变量的二维图表的形式显示多变量数据的图形方法。轴的相对位置和角度通常是无信息的。 

雷达图又称为网络图、蜘蛛图、星图、蜘蛛网图、不规则多边形、极坐标图或Kiviat图。它相当于平行坐标图，轴呈放射状态排列。

### 一、雷达图图解

![](/files/-Mkl1uAEqbbUmDXrFEZ2)

### 二、基本属性

![](/files/-Mkl206MhlsM0jppbZnO)

### 三、数据结构与分类

第一行显示类别，类别的数量决定雷达图轴的数量；第二行显示数值，数值的大小决定数据点距离轴心的距离。

![](/files/-Mkl2fZbVEuaVXNq8dFT)

雷达图分为：多边形雷达图和圆形雷达图。

![](/files/-Mkl2lUiPE8p44aSPXCJ)

### 四、适用场景

主要适用于某组数据由多个特征类别构成，类别主要为名词的情况下。例如：

![](/files/-Mkl30iqYMTnS-8MqFht)

### 五、不适用场景

#### 5.1 连续数组

类别为连续增长/下降型数组，雷达图并不能直观查看各类别增长/下降趋势。使用柱状图或折线图效果更佳。

![](/files/-Mkl3I-Ncu_OwgeOH6aa)

#### 5.2 类别过多

数据组过多就会出现过多的多边形叠加，会很难直观的查看各类别间的比较情况。

![](/files/-Mkl3aWJS4b-ZloTSC4C)

### 六、制作方法

1、使用RayCharts生成雷达图，打开下方网址；

```
https://raycharts.raykite.com
```

2、左侧图表区选择雷达图；

![](/files/-Mkl407poUYBKADUcq1M)

3、右侧编辑区自定义样式；

![](/files/-MkjcZHqbULnBXxEq8nr)

4、生成数据或者手动录入；

![](/files/-MkjboXYFK8llfnvKoXE)

5、预览生成效果。

![](/files/-Mkl43Xypetk_ZGCqDSq)

### 七、雷达图图史

雷达图由Georg von Mayr于 1877年在 [Die Gesetzmässigkeit im Gesellschaftsleben](https://archive.org/details/diegesetzmssig00mayruoft/page/78/mode/2up?ref=ol\&view=theater) 一书中首次使用。

![《Die Gesetzmässigkeit im Gesellschaftsleben》第78页](/files/-Mkl4LDzHA73A_eusvYA)

### 八、设计开眼

以下为具有代表性的设计案例，更多案例持续添加中。

* [一个比较知名的作品](https://www.flickr.com/photos/densitydesign/8100153188/in/album-72157631774207511/)
* [2013年NBA东部全明星球员能力雷达图](https://www.fastcompany.com/1671897/infographic-the-nbas-best-players-visualized-as-statistical-snowflakes)
* [对雷达图进行重新设计](https://www.visualcinnamon.com/2015/10/different-look-d3-radar-chart/)
* [各大作家代表作是在人生什么阶段写成的一个作品](https://www.flickr.com/photos/accurat/11052331736/)

### 九、更多学习资源

* [雷达图简介](https://www.jianshu.com/p/aa67c6b1b081)
* [3大案例告诉你如何用雷达图做分析](https://zhuanlan.zhihu.com/p/27945886)