如何在Grafana动态文本面板的JS中使用查询数学表达式结果？

架构老林

2026-7-2

在Grafana动态文本面板中获取查询表达式结果的可行方法

核心原因

直接调用pdiff_mean报错是因为Grafana动态文本面板的JavaScript运行环境不会直接把查询名暴露为全局变量，必须通过面板提供的data对象来访问查询结果。

具体实现方法

方法1：通过查询索引获取（单查询场景适用）

如果面板仅包含这一个数学表达式查询，可直接通过索引0定位结果：

// 获取查询返回的单个浮点数
const pdiffMean = data.series[0].fields[0].values[0];
// 渲染到动态文本中，示例：保留两位小数
return `当前均值：${pdiffMean.toFixed(2)}`;

方法2：通过查询名匹配获取（多查询场景更稳健）

如果面板存在多个查询，建议通过查询名精准匹配，避免索引变动导致出错：

// 遍历查询结果集，找到名为pdiff_mean的系列
const targetSeries = data.series.find(series => series.name === 'pdiff_mean');
if (targetSeries) {
  const pdiffMean = targetSeries.fields[0].values[0];
  return `pdiff均值结果：${pdiffMean}`;
} else {
  return '未找到pdiff_mean查询结果';
}

方法3：增强鲁棒性（处理空数据情况）

若查询可能返回空值，需添加判空逻辑避免报错：

const targetSeries = data.series.find(series => series.name === 'pdiff_mean');
if (!targetSeries || !targetSeries.fields[0] || targetSeries.fields[0].values.length === 0) {
  return '暂无有效数据';
}
const pdiffMean = targetSeries.fields[0].values[0];
return `当前pdiff均值：${pdiffMean.toFixed(2)}`;