Statistic

Display statistic number.

When To Use#

import { NzStatisticModule } from 'ng-zorro-antd/statistic';

Active Users

1,949,101

Account Balance (CNY)

2,019.11

Active Users

Simplest Usage.

      Loading...

Active

11.28

Idle

9.3

Display statistic data in Card.

      Loading...

Feedback

1,128

Unmerged

/ 100

Add unit through nzPrefix and nzSuffix.

      Loading...

Countdown

00:00:00

Million Seconds

00:00:00:000

Day Level

0 天 0 时 0 分 0 秒

Countdown component.

      Loading...

Property	Description	Type	Default
`[nzPrefix]`	Prefix of Value	`string \| TemplateRef<void>`	-
`[nzSuffix]`	Suffix of Value	`string \| TemplateRef<void>`	-
`[nzTitle]`	Title	`string \| TemplateRef<void>`	-
`[nzValue]`	Value	`string \| number`	-
`[nzValueStyle]`	Value CSS style	`Object`	-
`[nzValueTemplate]`	Custom template to render a number	`TemplateRef<{ $implicit: string \| number }>`	-
`[nzLoading]`	Loading status of Statistic	`boolean`	`false`

Property	Description	Type	Default
`[nzFormat]`	Format string	`string`	`"HH:mm:ss"`
`[nzPrefix]`	Prefix of Value	`string \| TemplateRef<void>`	-
`[nzSuffix]`	Suffix of Value	`string \| TemplateRef<void>`	-
`[nzTitle]`	Title	`string \| TemplateRef<void>`	-
`[nzValue]`	Target time in timestamp form	`string \| number`	-
`[nzValueTemplate]`	Custom template to render a time	`TemplateRef<{ $implicit: number }>`	-
`(nzCountdownFinish)`	Emit when countdown finishes	`void`	-