---
category: Components
type: 数据展示
title: Statistic
subtitle: 统计数值
cover: https://gw.alipayobjects.com/zos/antfincdn/rcBNhLBrKbE/Statistic.svg
---

展示统计数值。

## 何时使用

- 当需要突出某个或某组数字时
- 当需要展示带描述的统计类数据时使用

## API

### Statistic

| 参数             | 说明             | 类型                         | 默认值 |
| ---------------- | ---------------- | ---------------------------- | ------ |
| decimalSeparator | 设置小数点       | string                       | .      |
| formatter        | 自定义数值展示   | v-slot \| ({value}) => VNode | -      |
| groupSeparator   | 设置千分位标识符 | string                       | ,      |
| precision        | 数值精度         | number                       | -      |
| prefix           | 设置数值的前缀   | string \| v-slot             | -      |
| suffix           | 设置数值的后缀   | string \| v-slot             | -      |
| title            | 数值的标题       | string \| v-slot             | -      |
| value            | 数值内容         | string \| number             | -      |
| valueStyle       | 设置数值的样式   | style                        | -      |

### Statistic.Countdown

| 参数       | 说明                                                | 类型             | 默认值     |
| ---------- | --------------------------------------------------- | ---------------- | ---------- |
| format     | 格式化倒计时展示，参考 [dayjs](https://day.js.org/) | string           | 'HH:mm:ss' |
| prefix     | 设置数值的前缀                                      | string \| v-slot | -          |
| suffix     | 设置数值的后缀                                      | string \| v-slot | -          |
| title      | 数值的标题                                          | string \| v-slot | -          |
| value      | 数值内容                                            | number \| dayjs  | -          |
| valueStyle | 设置数值的样式                                      | style            | -          |

#### Statistic.Countdown 事件

| 事件名称 | 说明             | 回调参数   |
| -------- | ---------------- | ---------- |
| finish   | 倒计时完成时触发 | () => void |