Grafana: [专长] 条件格式

创建于 2018-03-28  ·  77评论  ·  资料来源: grafana/grafana

介绍

在撰写(Grafana v5.1-pre)时,我们支持

  • 基于数字范围和 3 种颜色在 Singlestat 面板中着色背景/值
  • 根据数字范围和 3 种颜色为“表格”面板中的单元格/值/行着色

image

image

有很多功能请求/问题要求对表格面板和 singlestat 面板中的着色提供更大的支持:

  • #7631 [功能请求] 允许在 Singlestat 面板中进行文本到值的映射
  • #3601 表格面板:根据正则表达式模式匹配为单元格值着色
  • #9500 功能请求:允许表中时间列的阈值
  • #3608 超过 3 个逗号分隔值的阈值
  • #8404 [功能请求] Singlestat 空值颜色
  • #4821 表格面板着色不应要求显示引用的列
  • #9709 带有渐变颜色的单个统计面板
  • #7411 [功能请求] Singlestats 面板中的可变阈值
  • #7286 [功能请求] 表格中的行和/或列样式

从历史上看,我们收到了一些试图解决上述一些问题的 PR,但我们无法合并它们,因为我们觉得这些解决方案要么从用户的角度很难理解,要么它构成了 Grafana 代码库/features 越来越破碎。

提议

本期旨在找到一种解决方案来解决上述所有(或大部分)问题,并提供良好且一致的用户体验。 话虽如此,如果我们认为这是一个很好的前进方向,我们可能希望将其分解为较小的问题。

一般来说,警报的条件编辑器与规则/条件格式编辑器功能非常相似,可能会非常适合进行一些修改。 这是在实施时需要考虑的事情。

image

条件规则评估器

需要条件格式的面板不需要实现自己的解决方案来评估条件规则,因此必须使其成为核心组件/帮助程序库。
如果该组件还可以返回它支持的规则类型列表,那就太好了。

规则类型示例:

  • 值为空
  • 值不为空
  • 文本包含
  • 文字不包含
  • 文本以
  • 文本以
  • 文字正是
  • 日期是
  • 日期早于
  • 日期晚于
  • 比...更棒
  • 大于或等于
  • 少于
  • 小于或等于
  • 等于
  • 不等于
  • 在。。。之间
  • 不是介于

Singlestat 面板 - 为背景/值着色

与当前功能相比,这里的变化是

  • 与今天的最多三种颜色格式相比,它允许您定义无限量的颜色格式。
  • 它允许支持基于空/非空值的着色
  • 它允许支持基于字符串/文本值的着色
  • 它允许支持基于日期/持续时间值的着色

用户体验模型/示例强调需要/想要的功能

image

表格面板 - 为单元格/值/行着色

与当前功能相比,这里的变化是

  • 与今天的最多三种颜色格式相比,它允许您定义无限量的颜色格式。
  • 它允许支持基于空/非空值的着色
  • 它允许支持基于字符串/文本值的着色
  • 它允许支持基于日期/持续时间值的着色
  • 它允许支持基于隐藏/非渲染列对行进行着色

目前,您可以为每个定义的Column 样式定义阈值。 也许我们希望继续拥有这种可能性,因为我们可以明智地决定将条件格式规则应用于哪些列。

另一方面,继续使用列样式非常奇怪,因为它们基本上提供了如何使用特定数据类型和选项等呈现列单元格/转换原始列值的选项。关于着色,我们目前支持单元格/值/行影响单元格或行和规则基于从数据源查询返回的原始数据进行评估,而不是在转换/选项之后。 在下面的模型中,有一个非常简单的 UX,它基本上会扫描从数据源查询返回的所有行和列以应用条件格式。

在“列”样式选项卡内设置条件格式的一种选择是允许在特定选项卡下按列应用条件格式规则。 基本上就像下面的模型一样,但有额外的逻辑来决定规则应该应用于哪些列。 此解决方案有一个优势,因为它可以支持基于隐藏/非呈现列的行的条件格式。

用户体验模型/示例强调需要/想要的功能

image

向前兼容

对现有 Singlestat 和 Table 面板 JSON 模型所需的任何更改都应向前兼容,这意味着在呈现此类仪表板时,应将已保存的带有 Singlestat/Table 面板且启用了着色/阈值的仪表板迁移/转换为新解决方案。

arepanesinglestat arepanetable typfeature-request typux

最有用的评论

简短的更新。 我们一直专注于 Angular 到 React 的迁移,因此我们无法对此进行研究。 我们希望在图形、表格和其他面板迁移到 React 之后研究这一点,以使其成为可以被所有核心和外部面板重用的面向未来的解决方案。

所有77条评论

我觉得这个提议听起来不错。 我想提到的一件事与此相关:如果可以根据其他查询定义阈值,面板和警报将变得更加强大。

一个例子是监控 ceph 集群。 Ceph 需要一组守护进程来形成法定人数。 如果可以选择制作一个面板来跟踪法定人数中的守护进程数量,那将非常有帮助 a) 如果number_in_quorum < number_all_daemons变为黄色,b) 如果number_in_quorum < number_all_daemons / 2 + 1变为红色

@torkelo你对此有什么意见吗?

我觉得这看起来很有趣。 它概括了一个概念,并在某种程度上使其更易于使用(当前阈值 csv 字符串有点令人困惑)

不知道应该在哪里考虑这个输入......但我想看到类似的东西,A 列包含一个文本值,B 列包含一个数值(0 或 1)并且也隐藏起来显示器。 当 B 列设为 0 时,A 列的颜色为红色(带有白色文本),当 B 列设为 1 时,A 列的颜色为绿色(带有白色文本)。 换句话说,是否可以参考一列来控制另一列的颜色属性,或者,是否可以通过考虑其他列数据来表达列颜色的条件?

@centipede16是的,这就是表格面板的这一行

  • 它允许支持基于隐藏/非渲染列对行进行着色

好的。 暂时提供此类功能是否有一个大致的时间表,例如在 2018 年的某个时候或尚未做出任何承诺?

目前没有时间表或里程碑,但鉴于此问题和相关问题有很多投票,我们将尝试并在我们了解更多信息后尽快返回更多信息。

我认为这包含在 #7411 中,但我只想重申,只要有可能,这些条件字段应该接受模板变量作为值。

grafana

会一直关注这个话题。

+1 在这些上。 必须使我们的数据规范适应 Grafana 格式限制并不理想!

+1, @marefr 对此有何更新?

@sebawo不,恐怕还没有。

+1。

+1

+1

+1

+1

+1

我想声明,写“+1”无论如何都不会增加这个项目的工作量。 请把它放在一边,一旦有一些开发人员时间,这将被处理。 或者,您可能已经开始了它的工作。 :-) 谢谢

听起来很棒。
还需要能够轻松更改首先/最后应用哪个规则的顺序

日期阈值发生了什么变化?

日期阈值发生了什么变化?

+1

@marefr这方面有什么进展吗? 我们真的很想通过使用 grafana 进行适当的监控,我们对在不同服务器上监控的同一服务有不同的警告/暴击级别,并且能够使用查询值作为阈值意味着更少的手动工作为我们!

我对这个话题很感兴趣! 特别是:“_#3608 具有超过 3 个逗号分隔值的阈值_”。

有没有关于它的消息?

+1!
简单的东西往往是最强大最需要的!
我很想尽快看到这些功能!
你能提供一些关于它的消息吗? 特别是具有超过 3 个逗号分隔值的阈值。

这是大约一年前开放的 - 有进展情况吗?

这是大约一年前开放的 - 有进展情况吗?

也想知道这里的进展。 我希望将 singlestat 与额外数量的阈值和颜色一起使用,以显示各种状态值

关于“表格面板:根据正则表达式模式匹配 #3601 为单元格值着色”功能的任何好消息。 如果我们可以根据正则表达式或字符串比较(例如“失败” - 红色,“正在处理” - 黄色,“已处理” - 绿色)为文本着色,那就更好了。

简短的更新。 我们一直专注于 Angular 到 React 的迁移,因此我们无法对此进行研究。 我们希望在图形、表格和其他面板迁移到 React 之后研究这一点,以使其成为可以被所有核心和外部面板重用的面向未来的解决方案。

能够根据字符串有条件地更改表格单元格中的颜色对我的项目非常有帮助。 这将对我们组织中的 grafana 合法化大有帮助。 每个人都印象深刻,但我经常收到这些请求。 “你能改变表格中的颜色来显示吗?“我期待使用条件着色。

这方面有什么进展吗?

我们有任何更新吗?
绝对是必备功能。

+1

这事有进一步更新吗?

+1

我也想要这个功能

我正在做类似的事情。 这是用于将表格转换为数据摘要的Boom 摘要面板。 如果有人在寻找这个,可能会有用。

image
image

我认为在这个问题上https://github.com/grafana/grafana/pull/9455解决方案至少会被部署暂时使用,直到当前的方法得到实施,对不起,但另一个问题已经关闭,这个是部署时间太长。 :(

也希望这是一个功能,特别是表格字符串到颜色映射,这对于显示注释的“图例”非常方便。

有关此请求的进度的任何更新? 我有一个项目正在等待 SOC 监控仪表板的此功能。

也希望能实现这个功能😎

我也很期待这个功能。 尤其是在桌面面板上。 任何预计到达时间?

处于什么阶段? 计划或开始开发?

我们应该期待这方面的任何进展吗? :-)

任何 eta 修复?

Def期待这个功能。 希望尽快开始使用

你好,这有什么更新吗?

另外,我找到了一个可以帮助解决此请求的插件:

https://grafana.com/grafana/plugins/yesoreyam-boomtable-panel

我支持#9500。 我正在使用 grafana 显示一系列定时订单,我想突出显示过期的订单。

这个功能有什么进展吗?

https://github.com/grafana/grafana/issues/9500真的很感兴趣。 像大多数其他人一样想要突出显示更新后的很长时间。

+1

+9000

9500 和 #3601 将显着改善我们的仪表板

就我而言,我想根据日期在图表上显示不同的颜色

你好
是否实现了“#7631 [功能请求] 允许在 Singlestat 面板中的文本到值的映射”?

对于新的“统计”面板,如果可以为不同的查询设置不同的阈值会很好。

我正在做类似的事情。 这是用于将表格转换为数据摘要的Boom 摘要面板。 如果有人在寻找这个,可能会有用。

image
image

看来我们尝试使用它,但使用 Elastisearch 在我们的服务器上崩溃了。 使用 Grafana 6.5.2

这事有进一步更新吗?

我不明白,我正在寻找请求 #9500 的解决方案,找到了对我来说很有希望的 PR #10594。 此 PR 已被此当前功能关闭,我在其中找不到初始请求的任何解决方案。

我错过了什么 ?

+1 plix

对那个功能很感兴趣!

+1

+1

这是一个有趣的功能...有更新吗?

您至少可以提供一些解决方法吗?

+1

+1

+1

这个功能请求真的很有希望。 即使只有文本到值的映射也会极大地改善使用 grafana 的仪表板。 我想我们现在必须在数据库中创建一个数值。 如果您知道在数据源中保留数字索引以外的解决方法,请分享。

+1

+1

+1

+1

任何人都知道将字符串值映射到整数以便能够在图形上可视化的能力是否有任何更新? 这里的问题是从 #14222 引用的

+1

@marefr ,我们什么时候可以使用此功能? 粗略估算

我真的需要这种根据字符串值显示彩色单元格

此页面是否有帮助?
0 / 5 - 0 等级