---
order: 34
navTitle: 里程表
---
# 仪表板组件-里程表

里程表类似KPI，常用来展示一个指标数据，类似汽车里程表。如展示2010年的总销售金额：

![基本里程表示例](./images/odometer.png)

示例地址：[里程表](https://demo.succbi.com/v5/bi/kpi-scene)

## 使用里程表组件{#start}

里程表的**指标**上取一个度量，如销售数量、销售金额等。

**操作步骤：**
![里程表制作](./images/2023-04-19-18-53-33.gif)

1. 双击或拖入度量【销售数量】到**指标**
2. 点击**属性栏**>**样式**>**指标**>**填充**，切换背景为其他颜色
3. 点击**属性栏**>**样式**>**指标**>**符号**，切换符号为其他颜色

通过上述三个步骤即可快速实现展示出总销售数量以及样式改变。

## 属性介绍{#properties}

### 间距{#padding}

里程表支持设置指标数字之间的间距，在**属性栏**>**样式**>**指标**>**布局**>**间距**处进行设置。**间距**默认值为3。

![间距](./images/2023-04-19-19-22-48.png)

### 溢出时缩排{#indent}

当显示数据长度超出里程表边框时会溢出到里程表控件之外，可以设置溢出时缩排，在**属性栏**>**样式**>**指标**>**字体**处，勾选**溢出时缩排**，此时会自动调整缩小字体、间距使数据全部显示在里程表控件中。**溢出时缩排**默认勾选。

![溢出时缩排对比](./images/2023-04-19-19-53-33.gif)

### 指标样式{#index-style}

可分别设置数字与符号的样式，如字体大小，背景颜色等，得到不同样式的显示效果。

![指标样式](./images/2023-04-19-19-26-45.png)

- **符号**：设置指标符号的字体，字号、颜色等样式
- **填充**：设置里程表的背景填充
- **边框**：设置里程表的边框
- **圆角**：设置里程表的圆角
- **阴影**：设置里程表的阴影