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

这篇具有很好参考价值的文章主要介绍了Grafana链接跳转与值传递,把表格变量值从一个dashboard传递给另一个dashboard。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

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

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

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

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

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

  1. 在dash_1中,点击右上角的Add panel,添加一个图标,按照如下方法配置数据源:
    Grafana链接跳转与值传递,把表格变量值从一个dashboard传递给另一个dashboard

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

    Grafana链接跳转与值传递,把表格变量值从一个dashboard传递给另一个dashboard
  3. 点击【Add link】,为name这一列添加超链接,输入URL为:
    http://127.0.0.1:3000/注意导航栏,这里用大家自己的URL/dash_2?var-query0=${__data.fields.name}
    Grafana链接跳转与值传递,把表格变量值从一个dashboard传递给另一个dashboard

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

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

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

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

    Grafana链接跳转与值传递,把表格变量值从一个dashboard传递给另一个dashboard
  3. 按照如下方式,配置一个自定义的数据,然后点击Update

    Grafana链接跳转与值传递,把表格变量值从一个dashboard传递给另一个dashboard
  4. 保存并回到dashboard,可以看到变量配置完成

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

3. 测试跳转

返回dash_1,点击表格中的任意链接:
Grafana链接跳转与值传递,把表格变量值从一个dashboard传递给另一个dashboard
都会弹出dash_2表格,并且呈现点击的那个文本文字

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

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

我们回顾一下上面的做法,其实步骤就是:文章来源地址https://www.toymoban.com/news/detail-422089.html

  1. 用表格数据配置一个跳转连接
  2. 在dash_1的跳转连接中,用${__data.fields.name}获取表格值,并用xxx/dash_2?var-query0=${__data.fields.name}发送URL
  3. 在dash_2中,直接用变量接收,如果是其他地方想要接收,可以使用$var-query0,可以直接拿到这个变量的值

到了这里,关于Grafana链接跳转与值传递,把表格变量值从一个dashboard传递给另一个dashboard的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 14. UE5 RPG使用曲线表格设置回复血量值

    之前的文章中,我使用的都是固定的数值来设置血量回复或者蓝量回复,在这篇文章里面,介绍一下使用曲线表格。通过曲线表格我们可以设置多个数值,然后通过去通过修改索引对应的数值去修改回复的血量或者蓝量。 首先创建一个曲线表格,在其它里面找到 然后可以根

    2024年02月21日
    浏览(40)
  • Spring MVC学习随笔-控制器(Controller)开发详解:控制器跳转与作用域(一)

    学习视频:孙哥说SpringMVC:结合Thymeleaf,重塑你的MVC世界!|前所未有的Web开发探索之旅 3.流程跳转 在web.xml里添加Servlet然后执行 可以看到通过url拼接可以获取传递的数据 四种跳转指的是:在SpringMVC中控制器与JSP或者控制器与控制器之间的跳转。 Controller - - forward — JSP Co

    2024年02月05日
    浏览(57)
  • Spring MVC学习随笔-控制器(Controller)开发详解:控制器跳转与作用域(二)视图模板、静态资源访问

    学习视频:孙哥说SpringMVC:结合Thymeleaf,重塑你的MVC世界!|前所未有的Web开发探索之旅 衔接上文Spring MVC学习随笔-控制器(Controller)开发详解:控制器跳转与作用域(一) SpingMVC中request作用域的处理 代码 Model、ModelMap相关细节分析 通过Model、ModelMap进行作用域处理,可以解决

    2024年02月05日
    浏览(47)
  • Grafana技术文档-概念-《十分钟扫盲》 Grafana官网链接

    Grafana: The open observability platform | Grafana Labs Grafana是一个开源的度量分析和可视化套件,常用于对大量数据进行实时分析和可视化。以下是Grafana的基本概念: 数据源(Data Source):Grafana支持多种不同的时序数据库数据源,对每种数据源提供不同的查询方法,并能够很好地支持

    2024年02月13日
    浏览(45)
  • Grafana系列-统一展示-11-Logs Traces无缝跳转

    Grafana 系列文章 如前文 Grafana 系列 - 统一展示 -1- 开篇所述, Grafana 可以了解所有相关的数据--以及它们之间的关系--对于尽快根治事件和确定意外系统行为的真正来源非常重要。Grafana 允许团队在一个地方对所有的数据进行无缝的可视化和跳转。 最典型的就是 Grafana Labs 的 LG

    2024年02月08日
    浏览(36)
  • grafana中利用变量来添加dashboard详情页地址实现点击跳转

    最近弄grafana的dashboard,突然想到各个dashboard之前可以直接跳转到不同详细页面的面板,于是找了找实现方法 以 stat 格式的面板为例,显示出各个pod的对应状态, PromQL是 (avg(kube_pod_status_phase{phase=\\\"Running\\\", namespace!=\\\"kube-system\\\",namespace!=\\\"monitoring\\\"}) by(namespace, pod, phase)) 右侧页面选择 Over

    2024年02月13日
    浏览(40)
  • 外部h5跳转小程序页面传递参数

    h5页面传递参数:h5页面的参数是点击进入该页面利用api直接获取code跟click_id。 跳转方法一:  利用写好的接口将获取到的小程序码添加到a标签的路径进行跳转  跳转方法二: 利用接口跳转至对应的小程序    小程序接收h5传过来的数据:在app.js中,利用onLaunch生命周期获取

    2024年02月16日
    浏览(48)
  • 微信小程序路由以及跳转页面传递参数

    路由 在app.json的pages里面写 \\\"pages/页面/页面\\\" 直接保存pages直接生成非常方便  跳转页面 wx.navigateTo() 保留当前页面,跳转到应用内的某个非tabBar页面。 text bindtap=\\\"daka\\\"点击/text 会保留返回箭头 底部导航跳转在app.json写入即可 传参以及接收参数 1、本地存储 使用方法:和js差不

    2024年02月11日
    浏览(56)
  • QT 多界面跳转以及窗口之间参数传递

    之前一直用的是c#,由于最近要使用CC来二次开发,所以先熟悉一下QT。 1、从一个界面跳到另外一个界面不需要返回 2、从一个界面跳到另外一个界面需要返回 1、新增主窗口 主窗口 第二个窗口: 原理:  注意点: 1、必须在新的窗口中传入当前的窗口的指针   本质上是类和

    2024年02月10日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包