[Grafana] 如何把不同series的点用线连接起来

在 grafana中同一个series的点默认就可以通过线连接一起,但不同series的点如何用线连接起来呢?查遍全网,没有一个解决方案。

下面的描述明确的说是不可行的。

If you have X-axis mode to series, each x-axis tick will be a different "series" so there is not going to be a connecting line between them as they represent different series. Lines will only connect points on the same series.
 
但我找到了一个虽然很笨但确实可行的办法,希望分享给相信条条大路通罗马的网友们。
 
需求是这样的:
希望这些 passed_rate 的值作为 value 打点显示在一个 graph 里,鼠标 hover 到这些点上时,tooltip 显示 milestone_name ,而且这些点要用线连起来。
 

一开始,会出现两种情况,一种情况是可以打点划线,数据也正确,但是 hover 上去显示的是 passed_rate

另一种情况则是,可以打点,hover上去也可以显示 milestone_name, 但是这些点没有办法用线连接起来。

 

当时思维陷入了僵局,总觉得是通过调整 sql 语句或配置。

后来突然转换了一下思路,灵机一动,想到一个笨办法,是不是可以把 sql 语句写两遍,一遍打点,一遍划线,试了一下果真可行。

上图:

第一条 sql 负责连线,第二条 sql 负责打点并显示 hover 时的 tooltip

 

 

posted on   张缤分  阅读(1960)  评论(0编辑  收藏  举报

编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
历史上的今天:
2015-07-23 [SoapUI] SoapUI命令行方式运行
2014-07-23 [Selenium]通过Selenium实现在当前浏览器窗口点击一个图标之后,弹出另外一个窗口,关闭这个窗口,再回到原来的窗口进行操作

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

点击右上角即可分享
微信分享提示