插件 〉时钟


开发者

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上安装时钟

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

变更日志

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