可观测性-可视化-Grafana 数据下钻

体验 Grafana，无需注册或安装。

地址：https://play.grafana.org/

文档：https://grafana.com/docs/grafana/v7.5/

方式一 所有列

首先 找到 Data links 选项并添加，这是在All下的哦

• Title：随便输入点有意义的就行，会体现下载你鼠标放上去时显示
• URL：输入要跳转的url，例如：https://blog.csdn.net/abu935009066?param=${__value.text}
  • 输入$字符后会自动提示可输入的连接变量。
  • 只要是可达的url随意跳转。
  • 注意: 当${__value.text}中有些字符会导致跳转url异常，例如配合kibana查日志时，我们可以加上单引号解决'${__value.text}'

• Open in new tab：是否是新页面打开，一般看情况分析。（新页面打开偏多。）

重点：表格不能点击排序，否则值传递过来是错误的。

验证下：

• 可以看到上面的title展示为Laker 1
• 点击第一列的Time，跳转Url为：https://blog.csdn.net/abu935009066?param=2022-10-16%2007:24:34
• 点击第一列的info，跳转Url为：https://blog.csdn.net/abu935009066?param=down
• 点击第一列的Min，跳转Url为：https://blog.csdn.net/abu935009066?param=51.3
• 点击第一列的Max，跳转Url为：https://blog.csdn.net/abu935009066?param=53.4
• 点击第一列的A，跳转Url为：https://blog.csdn.net/abu935009066?param=52.6

方式二 单个列

首先 找到 Data links 选项并添加，这是在Overrides下的哦

到这里就跟上面是一样的了，注意Url设置

• URL：输入要跳转的url，例如：https://blog.csdn.net/abu935009066?param=${__value.text}&name=${__series.name}

同样点击第一行中的A列，跳转url如下：

• https://blog.csdn.net/abu935009066?param=52.6&name=A