Grafana Panel组件跳转、交互实现


程序员的公众号:源1024,获取更多资料,无加密无套路!

最近整理了一份大厂面试资料《史上最全大厂面试题》,Springboot、微服务、算法、数据结构、Zookeeper、Mybatis、Dubbo、linux、Kafka、Elasticsearch、数据库等等
获取方式: 关注公众号并回复 666 领取,更多内容持续奉上


最近,搭建Grafana想实现Panel之间的跳转,并且跳转过程中要带参数进行传递,要实现这个,还真得花时间摸索一下,那么,接下来,恭喜你!!!来白嫖吧!!!

具体实操:

情况一:要实现组件统一跳转

Grafana Panel组件跳转、交互实现_第1张图片

Grafana Panel组件跳转、交互实现_第2张图片

情况二:要实现组件中点击数据的跳转

Grafana Panel组件跳转、交互实现_第3张图片

Grafana Panel组件跳转、交互实现_第4张图片

接下来上重点

Grafana Panel组件跳转、交互实现_第5张图片

这个URL中怎么传参呢,官方定义:var-自定义变量名

Grafana Panel组件跳转、交互实现_第6张图片

这个变量要怎么进行Panel之间传递呢,接下来要用到变量

Grafana Panel组件跳转、交互实现_第7张图片

Grafana Panel组件跳转、交互实现_第8张图片

两个Dashboard中都要定义变量,用${id}即可获取到变量值。

标题也可以引用变量,强大!

Grafana Panel组件跳转、交互实现_第9张图片

你可能感兴趣的:(grafana)