插件 〉时钟
时钟
Grafana时钟面板插件
时钟面板可以显示当前时间或倒计时/计数,并且每秒更新一次。
显示另一个办公室的时间或显示对重要事件的倒计时/计数。
插件选项
选项
模式:
默认为时间。如果选择倒计时,则设置倒计时结束时间以开始倒计时。如果选择计数,则设置计数开始时间以开始计数。
12小时或24小时:
以12/24小时格式显示时间。
时区:
这些时区由moment时区库提供。时区可以设置或保留为默认值。默认值为moment的猜测(无论在您的计算机上是什么)。时区还用于倒计时模式中计算倒计时截止日期。
区域设置:
日期格式化的区域设置由moment库提供。区域设置可以设置或保留为默认值。默认值为moment的猜测。
倒计时结束时间:
与设置为倒计时的模式一起使用。选择一个日期和时间进行倒计时。
此字段还支持仪表板(常量)变量(例如
${countdown_target}
),以动态设置仪表板的倒计时截止日期。倒计时结束文本:
倒计时结束时显示的文本。例如,LIFTOFF
计数开始时间:
与设置为计数的模式一起使用。选择一个日期和时间从该时间开始计数。
计数开始文本:
计数开始前显示的文本。例如,LIFTOFF
日期/时间格式化选项:
可以在此处自定义字体大小、粗细和日期/时间格式。如果您不喜欢秒针的滴答声,则可以将时间格式更改为24小时制的HH:mm或12小时制的h:mm A,或查看完整格式化选项列表。
背景颜色:
使用颜色选择器为时钟选择背景颜色。
刷新
同步:
时钟处于暂停状态,并且仅在仪表板刷新时更新 - 时钟将显示上次刷新的时间戳。
截图
开发
使用Docker
- 克隆仓库并
cd
到它 - 确保您已安装 yarn
- 安装项目依赖项:
yarn install --pure-lockfile
- 启动“watch”任务:
yarn watch
- 使用插件的开发版本运行本地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
- 检查日志以确认Grafana已启动:
docker logs -f grafana-plugin-dev
- 在 https://127.0.0.1:3000/ 打开Grafana
- 使用用户名 "admin" 和密码 "admin" 登录
- 创建新的仪表板并添加插件
要构建带有压缩的生产版本: yarn build
在Grafana Cloud上安装时钟
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷,对吧?
请注意,插件在Grafana中显示可能需要长达1分钟的时间。
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷,对吧?
请注意,插件在Grafana中显示可能需要长达1分钟的时间。
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷,对吧?
请注意,插件在Grafana中显示可能需要长达1分钟的时间。
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷,对吧?
请注意,插件在Grafana中显示可能需要长达1分钟的时间。
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷,对吧?
请注意,插件在Grafana中显示可能需要长达1分钟的时间。
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷,对吧?
请注意,插件在Grafana中显示可能需要长达1分钟的时间。
在Grafana Cloud实例上安装插件是一个一键安装;更新也是如此。酷,对吧?
请注意,插件在Grafana中显示可能需要长达1分钟的时间。
有关更多信息,请访问 插件安装 文档。
在本地Grafana上安装
对于本地实例,插件通过简单的CLI命令安装和更新。插件不会自动更新,但是当更新可用时,您将在Grafana中收到通知。
1. 安装面板
使用 grafana-cli 工具从命令行安装时钟
grafana-cli plugins install
插件将被安装到您的 grafana 插件目录中;默认为 /var/lib/grafana/plugins。 有关 CLI 工具的更多信息.
2. 将面板添加到仪表板
已安装的面板立即在Grafana主菜单的仪表板部分可用,可以像添加其他任何核心面板一样添加。
要查看已安装面板的列表,请点击主菜单中的 插件 项。核心面板和已安装面板都将出现。
变更日志
2.1.8
- 改进了非查询面板的迁移处理,以消除错误消息显示
[2.1.7]
[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