插件 〉时钟
时钟
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 上安装 Clock
在 Grafana Cloud 实例上安装插件只需单击一下即可安装;更新也是如此。很酷,对吧?
请注意,插件可能需要长达 1 分钟才能在您的 Grafana 中显示出来。
在 Grafana Cloud 实例上安装插件只需单击一下即可安装;更新也是如此。很酷,对吧?
请注意,插件可能需要长达 1 分钟才能在您的 Grafana 中显示出来。
在 Grafana Cloud 实例上安装插件只需单击一下即可安装;更新也是如此。很酷,对吧?
请注意,插件可能需要长达 1 分钟才能在您的 Grafana 中显示出来。
在 Grafana Cloud 实例上安装插件只需单击一下即可安装;更新也是如此。很酷,对吧?
请注意,插件可能需要长达 1 分钟才能在您的 Grafana 中显示出来。
在 Grafana Cloud 实例上安装插件只需单击一下即可安装;更新也是如此。很酷,对吧?
请注意,插件可能需要长达 1 分钟才能在您的 Grafana 中显示出来。
在 Grafana Cloud 实例上安装插件只需单击一下即可安装;更新也是如此。很酷,对吧?
请注意,插件可能需要长达 1 分钟才能在您的 Grafana 中显示出来。
在 Grafana Cloud 实例上安装插件只需单击一下即可安装;更新也是如此。很酷,对吧?
请注意,插件可能需要长达 1 分钟才能在您的 Grafana 中显示出来。
有关更多信息,请访问关于插件安装的文档。
在本地 Grafana 上安装
对于本地实例,插件通过简单的 CLI 命令安装和更新。插件不会自动更新,但是当更新可用时,您将在您的 Grafana 中收到通知。
1. 安装面板
使用 grafana-cli 工具从命令行安装 Clock
grafana-cli plugins install
插件将安装到您的 grafana 插件目录中;默认目录是 /var/lib/grafana/plugins。关于 cli 工具的更多信息。
2. 将面板添加到仪表板
安装的面板立即在您的 Grafana 主菜单的“仪表板”部分中可用,并且可以像 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