Grafana 中有很多 Panel ，其中和时间相关的是 Clock， 用来展示和时间相关的内容，包括时区、时刻、倒计时等。我们来看看这个 Panel 怎么使用。

安装

Clock 是 Grafana Labs 出品的 Panel ，官方地址是 https://grafana.com/grafana/plugins/grafana-clock-panel

当前最新版本是 v1.1.1 ，依赖于 Grafana v7.x ，可以使用 Grafana CLI 进行安装

grafana-cli plugins install grafana-clock-panel

安装好以后，重启 Grafana 就可以使其生效。

Panel 选项

模式

缺省是时间模式，也可以切换到倒计时模式，配置截止时间后开启倒计时。

12 小时或者 24 小时

时间格式支持 12 小时制或者 24 小时制进行展示。

时区

支持多个时区的显示，缺省跟随系统时间。在倒计时模式下，时区也用于计算倒计时期限。

倒计时

倒计时模式一起使用。选择一个日期和时间来倒数。

时间日期格式

完整的标准时间格式是 YYYY-MM-DD HH:mm:ss, 具体可以根据自己的需要来进行取舍。

背景色

可以调节背景颜色，和 Grafana 官方提供的色彩数量保持一致。

几个例子

显示当前时间

关键选项的值

Mode 选 Time，Time Format 选 12 小时制或者 24 小时制或者自定义，Font size 根据自己的图表大小进行设置，

Timezone 一般选 Default 就可以，如果需要更换时区，可以点击下拉框选择对应的时区。

Data Options 可以选择日期的格式。

最后页面显示的样子是

2020-10-01 10:00:00

这样就可以显示当前时间了，如果需要关注多个时区的时间，可以添加多个这样的图表。

显示倒计时

关键选项的值

Mode 选 Countdown

Countdown 的 EndTime 填入倒计时结束的时间，时间格式支持 ISO 8601 或者 RFC 2822 。比如 2020-10-01T15:33:12+08:00 这个格式指定了倒计时结束的时间和对应的时区，在不指定时区的时候会读取浏览器的时区。End Text 可以选择倒计时结束后显示的文本信息，缺省显示00:00:00 的时刻，也可以自定义显示内容。

最后页面显示的样子是

xx hours , xx minutes,xx seconds

这样就实现了两种场景，分别是显示当前时间和倒计时，延伸一下，可以显示多国或者多地区时间；倒计时可以更换背景色，换一个醒目的颜色来提示看到的人。