Grafana链接跳转与值传递,把表格变量值从一个dashboard传递给另一个dashboard

这里,我们一步步的来,通过配置一个页面跳转的效果,把一个变量从一个dashboard传递到另一个dashboard

1. 创建两个空白 Dashboard 用于实验

先创建两个空白的dashboard,用途如下:

  1. dash_1:主控制,发送一个自定义值的变量

  2. dash_2:接收并展示传递出来的变量

2. dash_1:创建跳转用的表格

  1. 在dash_1中,点击右上角的Add panel,添加一个图标,按照如下方法配置数据源:
    在这里插入图片描述

  2. 在表格配置右侧点击【Add field override】,在新建的配置中按照如下配置,将name这一列变成可以跳转的链接

  3. 点击【Add link】,为name这一列添加超链接,输入URL为:
    http://127.0.0.1:3000/注意导航栏,这里用大家自己的URL/dash_2?var-query0=${__data.fields.name}
    在这里插入图片描述

  4. 保存dash_1的全部结果,已经结束了

2. dash_2:配置接收数据的变量 Variables

  1. dash_2中,点击右上角的小齿轮打开配置

  2. 点击左侧的Variables,添加一个变量

  3. 按照如下方式,配置一个自定义的数据,然后点击Update

  4. 保存并回到dashboard,可以看到变量配置完成

3. 测试跳转

返回dash_1,点击表格中的任意链接:
在这里插入图片描述
都会弹出dash_2表格,并且呈现点击的那个文本文字

4. 通过跳转的变量传递方法总结

我们回顾一下上面的做法,其实步骤就是:

  1. 用表格数据配置一个跳转连接
  2. 在dash_1的跳转连接中,用${__data.fields.name}获取表格值,并用xxx/dash_2?var-query0=${__data.fields.name}发送URL
  3. 在dash_2中,直接用变量接收,如果是其他地方想要接收,可以使用$var-query0,可以直接拿到这个变量的值
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

呆萌的代Ma

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值