插件 〉时钟


开发者

Grafana Labs

注册以接收偶尔的产品新闻和更新



面板
grafana

时钟

  • 概览
  • 安装
  • 更新日志
  • 相关内容

Grafana 时钟面板插件

时钟面板可以显示当前时间或倒计时/正计时,并每秒更新。

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

插件选项

选项

  • 模式:

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

  • 12 或 24 小时制:

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

  • 时区:

    这些时区由 moment 时区库提供。可以设置时区或将其保留为默认值。默认值是 moment 的猜测(您计算机上的任何内容)。时区也用于计算倒计时模式下的倒计时截止时间。

  • 语言环境:

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

  • 倒计时结束时间:

    与设置为倒计时模式结合使用。选择要倒计时的日期和时间。

    此字段还支持仪表板(常量)变量(例如 ${countdown_target}),以动态设置仪表板的倒计时截止时间。

  • 倒计时结束文本:

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

  • 正计时开始时间:

    与设置为正计时模式结合使用。选择要从其开始正计时的日期和时间。

  • 正计时结束文本:

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

  • 日期/时间格式选项:

    字体大小、粗细和日期/时间格式可以在此处自定义。如果秒针滴答声让您感到困扰,请将时间格式更改为 24 小时制的 HH:mm 或 12 小时制的 h:mm A,或参阅完整的格式选项列表

  • 背景颜色:

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

刷新

  • 同步:

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

屏幕截图

开发

使用 Docker

  1. 克隆存储库并 cd 到它
  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. https://127.0.0.1:3000/ 打开 Grafana
  8. 使用用户名“admin”和密码“admin”登录
  9. 创建新的仪表板并添加插件

要构建带有最小化的生产版本:yarn build

在 Grafana Cloud 上安装 Clock

有关更多信息,请访问关于插件安装的文档。

更新日志

2.1.8

  • 改进了非查询面板的迁移处理,以消除错误消息显示

[2.1.7]

  • 处理非查询时钟面板的迁移,以消除错误消息显示
  • 修复 #186
  • 修复 #189
  • 清理面板 json 顶层中的任何遗留(angular)设置
  • 为迁移添加测试

[2.1.2]

  • 改进面板元素的包装,使其对不同的面板尺寸更具响应性 https://github.com/grafana/clock-panel/pull/117
  • 修复字体大小字段的占位符 https://github.com/grafana/clock-panel/pull/116

[2.1.1]

  • 迁移到 create-plugin 而不是 toolkit
  • 小型拼写错误修复
  • 升级 grafana 包/依赖项

[2.1.0]

  • 添加了从模板变量设置时区的功能

[2.0.0]

  • 防止时钟面板在 Grafana 9.x.x 上崩溃
  • 放弃对 Grafana 7.x.x 的支持

[1.3.1]

  • 修复与依赖项导入相关的 AMG 错误

[1.3.0]

  • 添加了对正计时模式的支持
  • 添加了对倒计时/正计时设置中模板变量的支持。

[1.2.0]

  • 支持日期格式的本地化
  • 支持使用仪表板时间刷新
  • 添加了对 Grafana 7.4+ 的依赖

[1.1.1]

  • 改进了背景

[1.1.0]

  • 支持 Grafana 7+
  • 使用 @grafana/toolkit 构建

v1.0.3

  • 添加了对显示时区的支持

v1.0.1

  • 更新 Lodash 依赖项以修复安全警告

v1.0.0

  • 仪表板同步/刷新功能 - 可以显示上次仪表板刷新的时间戳。
  • 技术 - 转换为 TypeScript 和 Webpack。

v0.0.9

  • 修复了默认属性未被深度克隆的错误 #20

v0.0.8

  • 移除倒计时剩余 1 秒时多余的逗号。来自 @linkslice 的 PR