---
order: 31
navTitle: 图标条
---
# 仪表板组件-图标条

图标条以图标的填充显示处理任务的速度、完成度、剩余未完成任务量的大小。

![示例](./images/2021-09-09-09-05-48.png)

示例地址：[图标条](https://demo.succbi.com/v5/bi/data-bar)

:::tip
图标条与[数据条](./databar.md)的用法类似，只是UI显示不同
:::

## 使用图标条组件{#start}

图标条的**数据**指标上只能取一个1个度量，用一个0~1之间的小数表示进度的百分比，如`空气湿度`。当**数据**处指标为负数时，图标条无填充，指标大于1时，图标条完全填充。

![制作](./images/2023-04-13-18-24-33.gif)

- 双击或拖入度量【空气湿度】到**数据**
- 在**样式>图标条>图标**处选择**图形**，图形的**大小**，图标条的**图标总数**

## 属性介绍{#properties}

在**样式>进度**处可以设置图标条的目标值以及图标的图形、总数、大小等：

![属性介绍](./images/2023-04-11-18-04-55.png)

- **布局**：设置图标条的目标值以及图标总数
  - **目标值**：图标条最终展示进度的是通过**数据**属性处引入的度量除以目标值计算得出，目标值默认为1
  - **图标总数**：构成图标条的图标个数，如选中图标个数为`5`那整个图标条将由五个图标构成，图标条会按照**数据**与**目标值**的比例进行填充

- **图标**：设置图标条的图标以及图标大小
  - **图标**：构成图标条的图标图形
  - **大小**：构成图标条的图标大小

- **标签**：设置数据条标签的显示与隐藏，选择显示标签时，可以设置标签显示的**位置**、**大小**、**颜色**等属性，在属性栏**数据>标签>标签值**处可以对标签的文本进行修改

- **填充**：设置进度的填充效果，包括**进度填充**和**背景填充**
  - **进度填充**：图标条数据部分的填充
  - **背景填充**：图标条的背景填充