Grafana 时钟面板插件

时钟面板可以显示当前时间或倒计时/倒数，并且每秒更新一次。

显示其他办公室的时间或显示到重要事件的倒计时/倒数。

插件选项

选项

• 模式:

  默认值为时间。如果选择倒计时，则设置倒计时结束时间以开始倒计时。如果选择倒数，则设置倒数开始时间以开始倒数。

• 12 或 24 小时:

  以 12/24 小时格式显示时间。

• 时区:

  这些时区由 moment 时区库提供。可以设置时区或保留默认值。默认值为 moment 的猜测（您计算机上的任何内容）。时区也用于在倒计时模式下计算倒计时截止日期。

• 语言环境:

  日期格式的语言环境由 moment 库提供。可以设置语言环境或保留默认值。默认值为 moment 的猜测。

• 倒计时结束时间:

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

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

• 倒计时结束文本:

  倒计时结束后显示的文本。例如，发射

• 倒数开始时间:

  与模式设置为倒数结合使用。选择一个日期和时间开始倒数。

• 倒数结束文本:

  倒数开始前显示的文本。例如，发射

• 日期/时间格式选项:

  可以在这里自定义字体大小、粗细和日期/时间格式。如果秒钟滴答声让您感到烦恼，则将时间格式更改为 24 小时制的 HH:mm 或 12 小时制的 h:mm A，或查看完整的格式选项列表。

• 背景颜色:

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

刷新

• 同步:

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

屏幕截图

• 两个时钟和一个倒计时的屏幕截图
• 选项屏幕的屏幕截图

开发

使用 Docker

1. 克隆存储库并 cd 到它
2. 确保已安装yarn
3. 安装项目依赖项：yarn install --pure-lockfile
4. 启动“监视”任务：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. 在https://127.0.0.1:3000/打开 Grafana
8. 使用用户名“admin”和密码“admin”登录
9. 创建新的仪表盘并添加插件

要构建具有最小化的生产版本：yarn build