charts - 如何在一张图表中混合 Grafana 中的条形和线条

Question

如何在一个图表中将一个数据系列显示为条形，另一个显示为一条线，就像它在最后一条评论中使用的那样：见最后一张图片

标签： chartsgrafana

Answer 1

简短的回答：

（目前）不可能使用 Grafana UI，只能手动使用。

长答案：

据我所知，使用 UI 开关无法做到这一点；您必须使用可视化配置下方的“别名或正则表达式”字段。

准备数据

在开始之前，请确保您的查询 A 和 B 检索到实际数据。否则您将看不到您的数据，并且会感到困惑为什么它们没有显示。

向别名添加字段和值

选择要显示的正确数据后，只需在图表的可视化部分的“别名或正则表达式”字段中添加以下内容：

1. 添加 2 个覆盖，一个用于您要使用“添加系列覆盖”按钮显示的每个值。
2. 为您想要的值添加一个“Bars:false”选项标志和一个“Lines:true”作为一条线。
3. 确保为您的柱使用完全相反的值（“Bars：true”和“Lines：false”）
4. 将“Y 轴：2”添加到您希望在图表右侧具有的值。
5. 或者，您可以为想要在顶部的值添加“Z-index：3”（我将此选项添加到该行以确保它始终绘制在条形顶部）。

享受

您现在应该有一个漂亮的图表，其中包含 2 种类型的数据和可视化；像这样的东西：