---
order: 13
navTitle: 雷达图
---
# 仪表板组件-雷达图

雷达图又称蜘蛛网图，它从一个中心点向外辐射出多条坐标轴，每一个维项数据都占有一条数据坐标轴。使用雷达图，可以快速找到具有相似值的维项、以及是否存在异常维项值。如使用雷达图展示各大区销售情况：

![雷达图](./images/2020-07-22-15-28-52.png)

示例地址：[示例地址](https://demo.succbi.com/v5/bi/radar)

## 使用雷达图组件 {#start}

雷达图的**指标**上至少取一个度量，如销售数量；取一个维度到**维度**进行分组，如大类名称等。

**操作步骤**

![操作步骤](./images/2020-07-22-15-20-11.gif)

1. 将**图形**>**雷达图**拖入到画布中
2. 双击或拖入维度【大类名称】到**维度**
3. 双击或拖入度量【销售数量】到**指标**
4. 设置**标签**样式及内容，可参考[标签](../../design/data/data-style/label.md)
5. 修改雷达图形状：默认显示为多边形，可以在**样式**>**极轴**>**布局**>**形状**中修改为圆形

## 属性介绍{#properties}

### 系列{#series}

雷达图支持在**样式**>**系列**处设置雷达面的样式，包括雷达面的节点形状，连接线、填充等

![系列](./images/2023-04-27-13-44-04.png)

- **标签**：设置指标标签的显示隐藏、位置、角度、阴影等样式
- **形状**：设置指标节点的形状，并可对选择的形状图表进行描边
- **连接线**：设置指标节点之间的连接线
- **填充**：设置指标节点构成的雷达面的填充效果
- **阴影**：设置雷达面的阴影

### 极轴{#radaraxis}

雷达图支持在**样式**>**极轴**处设置雷达图极轴的样式，如极轴的轴线、分割区域、标签等。

![极轴](./images/2023-04-27-14-38-52.png)

- **布局**：可设置极坐标轴的形状、半径、起始角度、分割段数
  - **形状**：设置极坐标轴的形状，可选择多边形和圆形
  - **半径**：设置极坐标轴的半径
  - **起始角度**：设置极坐标轴水平面的起始角度，默认为90度
  - **分割段数**：设置极坐标轴分为几段，默认为5
- **轴线**：即极坐标轴，轴线条数为维度分组个数
- **轴标签**：类似于坐标轴的刻度标签，轴标签为极坐标轴的分段标签，支持设置显示格式、样式、角度、以及显示隐藏
- **轴标题**：即维度的标签，支持设置显示格式、样式、角度、以及显示隐藏
- **刻度值**：设置极坐标轴的最大值最小值，最小值默认指标值中的最小值；最大值默认指标值中的最大值。极坐标轴将根据刻度值的区间，按照**分割段数**进行等分
- **分割区域**：每个刻度之间构成的区域，支持设置填充效果
- **分割线**：极坐标轴每条轴线在同一刻度上的连线

## 更多效果{#scenarios}

可以自定义雷达图的样式实现不同效果的雷达图。

|[渐变色雷达图](#渐变色雷达图)|[圆点连接线雷达图](#圆点连接线雷达图)|
| ---- | ---- |
|![渐变色](./images/2020-07-22-15-32-26.png)|![圆点连接](./images/2020-07-22-15-40-27.png)|

### 渐变色雷达图{#gradient-color}

雷达图中的颜色填充为渐变色填充

![渐变色](./images/2020-07-22-15-32-26.png)

**实现方法**

在**样式**>**系列**>**填充**中选择颜色填充，再设置相应的渐变色

![颜色填充](./images/2020-07-22-16-13-41.png)

### 圆点连接线雷达图{#dot-connector}

雷达图中的连接点设置为圆点连接

![圆点连接](./images/2020-07-22-15-40-27.png)

**实现方法**

在**样式**>**系列**>**形状**中中选择圆形，也可以根据需求选择其他图形、颜色和大小

![设置圆点](./images/2020-07-22-16-18-05.png)