ant-design/components/statistic/index.zh-CN.md
appleshell b4c67402e6
feat: add loading prop for Statistic (#26811)
* feat: add loading prop for Statistic

* feat: update statistic demo

* feat: add style dependency

* feat: replace loading component

* feat: update doc of statistic

* fix loading type

* feat: add loading prop for Statistic

* feat: update statistic demo

* update api version

Co-authored-by: lvpansen <pansen.lv@atzuche.com>
2020-10-23 10:09:31 +08:00

1.5 KiB

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

展示统计数值。

何时使用

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

API

Statistic

参数 说明 类型 默认值 版本
decimalSeparator 设置小数点 string .
formatter 自定义数值展示 (value) => ReactNode -
groupSeparator 设置千分位标识符 string ,
loading 数值是否加载中 boolean false 4.8.0
precision 数值精度 number -
prefix 设置数值的前缀 ReactNode -
suffix 设置数值的后缀 ReactNode -
title 数值的标题 ReactNode -
value 数值内容 string | number -
valueStyle 设置数值的样式 CSSProperties -

Statistic.Countdown

参数 说明 类型 默认值 版本
format 格式化倒计时展示,参考 moment string HH:mm:ss
prefix 设置数值的前缀 ReactNode -
suffix 设置数值的后缀 ReactNode -
title 数值的标题 ReactNode -
value 数值内容 number | moment -
valueStyle 设置数值的样式 CSSProperties -
onFinish 倒计时完成时触发 () => void -