---
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 |