[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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 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实现在当前浏览器窗口点击一个图标之后,弹出另外一个窗口,关闭这个窗口,再回到原来的窗口进行操作