grafana - 如何制作只有颜色和文本作为链接的 Grafana 面板？

Question

我想制作一个简单的面板:

• 文本作为另一个仪表板的链接
• 背景为基于指标的交通灯颜色
• 隐藏的基础指标(不想看到它)

Singlestat 是理想的选择，但我不知道如何隐藏指标或使文本成为链接。有什么想法吗？

谢谢!

Answer 1

我找到了解决方案:

• 使用 SVG 插件 ( https://grafana.com/plugins/marcuscalidus-svg-panel )
• 使用所需的文本创建一个 SVG 矩形(例如 Google 绘图和导出)
• 在 SVG 代码中包含链接 ( https://alligator.io/svg/hyperlinks-svg/ )
• 根据指标更改矩形颜色(Javascript 区域内的代码):

要查找要添加到 JavaScript 的指标:

• 使用 console.log(ctrl) 查看面板中的指标
• 我想要的是 ctrl.series[0].stats.current

...................................................... ......................................

我的 JavaScript 代码:

var S = Snap(svgnode);

var c = S.select("#rect");

如果(ctrl.series[0].stats.current > 10)

c.attr({"fill": "#DAF7A6"});

...................................................... ......................................

很好的网站示例。 https://community.hiveeyes.org/t/how-to-visualize-2-dimensional-temperature-data-in-grafana/974/6 YouTube 视频有类似内容: https://www.youtube.com/watch?v=aVS13Q36D34