Grafana 时钟 Panel 插件

时钟 Panel 可以显示当前时间或进行倒计时/正计时，并每秒更新。

显示另一个办公室的时间，或对重要事件进行倒计时/正计时。

插件选项

选项

• 模式:

  默认为时间模式。如果选择倒计时，则设置倒计时结束时间开始倒计时。如果选择正计时，则设置正计时开始时间开始正计时。

• 12 小时制或 24 小时制:

  以 12 小时制或 24 小时制显示时间。

• 时区:

  这些时区由 moment timezone 库提供。可以设置时区或保留默认。默认为 moment 的猜测（取决于您的计算机）。时区也用于在倒计时模式下计算倒计时截止时间。

• 区域设置:

  日期格式化的区域设置由 moment 库提供。可以设置区域设置或保留默认。默认为 moment 的猜测。

• 倒计时结束时间:

  与倒计时模式配合使用。选择一个日期和时间进行倒计时。

  此字段还支持仪表盘（常量）变量（例如 ${countdown_target}），以动态设置仪表盘的倒计时截止时间。

• 倒计时结束文本:

  倒计时结束时显示的文本。例如 LIFTOFF

• 正计时开始时间:

  与正计时模式配合使用。选择一个日期和时间进行正计时。

• 正计时开始前文本:

  正计时开始前显示的文本。例如 LIFTOFF

• 日期/时间格式化选项:

  您可以在此处自定义字体大小、字重和日期/时间格式。如果秒钟跳动让您烦恼，可以将时间格式更改为 24 小时制的 HH:mm 或 12 小时制的 h:mm A，或查看完整的格式化选项列表。

• 背景颜色:

  使用颜色选择器为时钟选择背景颜色。

刷新

• 同步:

  时钟会暂停，仅在仪表盘刷新时更新 - 时钟将显示上次刷新的时间戳。

截图

• 两个时钟和倒计时的截图
• 选项界面的截图

开发

使用 Docker

1. 克隆仓库并进入该目录
2. 确保您已安装 yarn
3. 安装项目依赖项：yarn install --pure-lockfile
4. 启动“watch”任务：yarn watch
5. 使用开发版本的插件运行本地 Grafana 实例：docker run -p 3000:3000 -d --name grafana-plugin-dev --env GF_AUTH_ANONYMOUS_ORG_ROLE="Admin" --env GF_AUTH_ANONYMOUS_ENABLED="true" --env GF_AUTH_BASIC_ENABLED="false" --env GF_DEFAULT_APP_MODE="development" --volume $(pwd)/dist:/var/lib/grafana/plugins/clock-panel grafana/grafana
6. 检查日志以确认 Grafana 已启动：docker logs -f grafana-plugin-dev
7. 打开 Grafana：https://:3000/
8. 使用用户名 "admin" 和密码 "admin" 登录
9. 创建新仪表盘并添加插件

构建用于生产的精简版本：yarn build