插件 〉范围滑块面板
范围滑块面板
Grafana 范围滑块面板插件
描述
范围滑块面板插件是 Grafana 的一个交互式滑块组件,允许用户动态选择一个数值范围来过滤仪表盘数据。它对于创建更具交互性和用户友好的仪表盘特别有用。此插件可以适应各种数据源,并支持自定义范围格式,因此非常适合与 SQL 和 NoSQL 数据库一起使用。
特性
- 动态范围选择,用于过滤仪表盘数据。
- 可自定义的范围格式,包括更改分隔符和范围语法(例如,括号)的能力。
- 易于使用的滑块界面,具有可配置的默认最小值和最大值。
- 与各种数据源兼容,包括 Elasticsearch、SQL 和 NoSQL 数据库。
安装
要安装范围滑块面板插件,请按照以下步骤操作
- 下载插件的 zip 文件。
- 将文件解压缩到 Grafana 的插件目录中(默认为
/var/lib/grafana/plugins
)。 - 重启 Grafana 服务器。
- 前往 Grafana 仪表盘,现在您应该能够将范围滑块面板添加到您的仪表盘了。
使用方法
安装后,您可以将范围滑块面板添加到任何仪表盘
编辑您的仪表盘。
添加新面板并从可视化选项中选择范围滑块面板。
在面板设置中,配置以下选项
Variable Name
:选择将由滑块控制的文本框类型变量。Variable Label
:面板上显示的变量标签Minimum Threshold
:变量的下限阈值Maximum Threshold
:变量的上限阈值Range Prefix
:定义范围前缀(例如,“[”)。Range Suffix
:定义范围后缀(例如,“]”)。Range Delimiter
:指定范围分隔符(例如,“TO”)。
使用滑块选择范围并相应地过滤您的仪表盘数据。
许可证
本插件根据 Apache 2.0 License 发布。
作者
Anyline GmbH
在 Grafana Cloud 上安装范围滑块面板
在 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 工具从命令行安装范围滑块面板
grafana-cli plugins install
插件将安装到您的 grafana 插件目录中;默认为 /var/lib/grafana/plugins。 关于 CLI 工具的更多信息。
2. 将面板添加到仪表盘
已安装的面板可在 Grafana 主菜单的“仪表盘”部分中立即使用,并且可以像 Grafana 中的任何其他核心面板一样添加。
要查看已安装的面板列表,请单击主菜单中的 插件 项目。核心面板和已安装的面板都会显示。
更新日志
“范围滑块面板”插件的所有重要更改将记录在此文件中。
格式基于 Keep a Changelog,并且本项目遵循 Semantic Versioning。
[1.2.9] - 2024-12-04
- 修复:使用 useMemo 监听选定变量的最小值和最大值变化,避免组件挂载时重复的状态更改
- 修复:从右侧边栏面板更改值时变量闪烁
[1.2.7] - 2024-09-26
- 使用 debounce 获取选定文本框变量的值
[1.2.6] - 2024-09-08
- 更新 docker-compose 为 docker compose 以修复 Github CI
[1.2.5] - 2024-09-08
- 更新许可证,包含文本 Copyright 2023 Anyline GmbH
[1.2.4] - 2024-09-08
- 使用自定义范围滑块
[1.2.3] - 2024-07-17
- 更新错误消息
[1.2.2] - 2024-07-16
- 处理最小值和最大值阈值的负值
[1.2.1] - 2024-07-16
- 修复最大值小于最小值时面板崩溃的问题
- 添加查找最小值和最大值的测试用例
[1.1.12] - 2024-04-29
- 修复选定变量值为 undefined 时面板崩溃的问题
- 修复当分隔符字段为空时,插件默认选择“TO”作为分隔符的问题
[1.1.11] - 2024-02-12
- 在 github workflow 中添加插件签名步骤
[1.1.1] - 2024-01-23
- 修复未显示最小值和最大值阈值的问题
- 向 plugin.json 添加截图
[1.1.0] - 2024-01-23
- 仅允许选择类型为
textbox
的变量 - 移除默认最小值和最大值,并使用当前变量值中的值
- 修复将最小值和最大值设置在阈值以上导致面板崩溃的 bug
- 添加
delimiterSpace
变量,允许在分隔符前后添加/移除空格
[1.0.1] - 2024-01-18
- 如果未定义,则添加默认前缀、分隔符和后缀
- 允许从选项中选择变量
[1.0.0] - 2024-01-08
- 范围滑块面板插件的初始版本发布。
- 动态范围滑块,用于选择数值范围。
- 可自定义的范围分隔符、前缀和后缀,适用于不同的查询语言。
- 用于设置滑块默认最小值和最大值的选项。