---
order: 35
navTitle: 进度环
---
# 仪表板组件-进度环

进度环图以空心的圆环表示某项指标分类的占比分布情况。如使用进度环展示各大区销售金额的占比：

![进度环图示例](./images/2020-08-07-17-09-06.png)

示例地址：[进度环图](https://demo.succbi.com/v5/bi/kpi-scene)

## 使用进度环组件{#start}

进度环的**指标**上取一个度量，如折扣率、销售占比等。进度环中要绘制的数值大小不能为负值。

**操作步骤**
![制作进度环](./images/2020-08-10-09-45-01.gif)

1. 双击或拖入度量【华南销售数量占比】到指标
2. 右击指标在【华南销售数量占比】**显示格式**>**百分比**中设置字段显示格式

通过上述2个步骤即可实现使用进度环展示华南销售数量占比。

## 属性介绍{#properties}

### 布局{#layout}

进度环可以自定义目标值、半径、圆环宽度、起始角度、顺时针增长和两端显示圆角等图形属性，实现个性化的效果，在**样式**>**系列**>**布局**中进行设置。

![布局](./images/2020-08-11-16-22-39.png)

- **目标值**：进度环的目标值默认为1，由于进度环最终展示的比率数据是通过拖入指标数值大小除以目标值计算出来的，如果拖入的是数值而非比率数据，则需要按需修改目标值
- **半径**：可以自定义设置圆环半径，不得小于0，不得超过100%。默认为80%
- **圆环宽度**：可以自定义设置圆环的宽度，不得小于0，不得超过100%。默认为20%
- **起始角度**：可以自定义起始角度，默认为90°，
- **顺时针增长**：勾选时增长方向为顺时针增长，不勾选时按照逆时针增长。默认勾选
- **两端显示圆角**：勾选后圆环两端显示圆角。默认不勾选

### 填充{#background}

进度环可以通过**进度填充**和**背景填充**分别控制进度环圆环的填充方式以及圆环背景填充方式，在**样式**>**系列**>**填充**中设置，可参考[填充与背景](./column-chart.md#background)。