插件 〉范围滑块面板


开发者

Anyline

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



面板
社区

范围滑块面板

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

Grafana 范围滑块面板插件

Screenshot 2024-01-22 at 10 26 40

描述

范围滑块面板插件是 Grafana 的一个交互式滑块组件,允许用户动态选择一个数值范围来过滤仪表盘数据。它对于创建更具交互性和用户友好的仪表盘特别有用。此插件可以适应各种数据源,并支持自定义范围格式,因此非常适合与 SQL 和 NoSQL 数据库一起使用。

特性

  • 动态范围选择,用于过滤仪表盘数据。
  • 可自定义的范围格式,包括更改分隔符和范围语法(例如,括号)的能力。
  • 易于使用的滑块界面,具有可配置的默认最小值和最大值。
  • 与各种数据源兼容,包括 Elasticsearch、SQL 和 NoSQL 数据库。

安装

要安装范围滑块面板插件,请按照以下步骤操作

  1. 下载插件的 zip 文件。
  2. 将文件解压缩到 Grafana 的插件目录中(默认为 /var/lib/grafana/plugins)。
  3. 重启 Grafana 服务器。
  4. 前往 Grafana 仪表盘,现在您应该能够将范围滑块面板添加到您的仪表盘了。

使用方法

安装后,您可以将范围滑块面板添加到任何仪表盘

  1. 编辑您的仪表盘。

  2. 添加新面板并从可视化选项中选择范围滑块面板。

  3. 在面板设置中,配置以下选项

    • Variable Name:选择将由滑块控制的文本框类型变量。
    • Variable Label:面板上显示的变量标签
    • Minimum Threshold:变量的下限阈值
    • Maximum Threshold:变量的上限阈值
    • Range Prefix:定义范围前缀(例如,“[”)。
    • Range Suffix:定义范围后缀(例如,“]”)。
    • Range Delimiter:指定范围分隔符(例如,“TO”)。
  4. 使用滑块选择范围并相应地过滤您的仪表盘数据。

许可证

本插件根据 Apache 2.0 License 发布。

作者

Anyline GmbH

在 Grafana Cloud 上安装范围滑块面板

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

更新日志

“范围滑块面板”插件的所有重要更改将记录在此文件中。

格式基于 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

  • 范围滑块面板插件的初始版本发布。
  • 动态范围滑块,用于选择数值范围。
  • 可自定义的范围分隔符、前缀和后缀,适用于不同的查询语言。
  • 用于设置滑块默认最小值和最大值的选项。