Grafana使用双Y坐标轴详解

最近在给公司做Grafana的监控图表,在一个显示错误数的面板这卡住了。想在一个面板同时显示RPC调用的成功次数和失败次数,不过因为失败次数和成功的次数远不在一个数量级,所以想着分两个Y轴来表示,左边显示成功次数,右边显示错误数。尝试了好久终于成功,这里记录下方法。

操作环境

  • Grafana v7.1.0-beta2

实际操作

实际操作之前先来看看最终效果图,这里绿线显示的是rpc成功次数,黄线显示的是失败次数,并且从legend可以看出使用的是右边的Y坐标轴。两者的平均值相差了大概1000倍,放在一个坐标轴是绝对不可能的。

01_2.jpg

两个查询数据

首先需要让面板能显示出两个query的结果,如上图所示,在下方的「Query」中有AB两个查询。我这里将敏感信息打了马赛克,但是从Query的数据源图标可以看出是openTSDB源。其中A查询的信息如下

02_success.jpg

具体的metrics名字打了马赛克,对metrics的过滤或者降采样会在别的文章再说明,这里需要关心的是「Alias」配置,表示的是该Query项的别名,在显示legend会用到,如上上张图所示,在后面选择坐标轴的时候也是以Alias来配置,所以弄个简单并且有意义的Alias是很有必要的,我这里放「success」表示成功次数。

B查询项也类似,Alias为「error」。

允许双Y轴

在配置的「Axes」中允许「Right Y」,并且配置一个对应的「Label」,这里的label是该y轴的显示名字,我因为会显示错误数,所以写的error

03_enable.jpg

需要注意的是在没有给右Y轴配置数据的时候默认是不显示的。

给右Y轴配置数据

下面就是最重要的一环,也是藏得最深的一个设置项,搞这个搞了好久。

04_combine.jpg

如上图所示,在配置项中有一个「Series overrides」,之前一直不知道啥意思,现在知道了,它是专门用来给某个查询项单独做配置的,用来覆盖默认配置。首先需要用alias或者正则表达式选择一个查询项,我这里使用前面给错误数查询配置的alias也就是error,然后会有很多选择,其中就有一个「Y-axis」,可以选择1或者2,1表示左Y轴,2表示右Y轴。

这样就搞定了!

我是T型人小付,一位坚持终身学习的互联网从业者。喜欢我的博客欢迎在csdn上关注我,如果有问题欢迎在底下的评论区交流,谢谢。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Matplotlib是Python数据分析中常用的可视化工具,它可以创建出版质量的图形,并且具有丰富的功能和灵活的定制选项。在Matplotlib中,可以使用Y轴来显示两个不同尺度或单位的数据。 要实现Y轴,在Matplotlib中可以使用两种方法。第一种方法是使用`twiny()`和`twinx()`函数创建一个或多个Y轴。`twiny()`函数用于创建一个新的X轴,而`twinx()`函数用于创建一个新的Y轴。然后,可以使用这些新轴来绘制相应的数据。 另一种方法是使用`secondary_y=True`参数,该参数可在创建图形时指定。在绘制图形时,可以使用`ax1`和`ax2`来指定不同的Y轴,并使用相应的数据。 下面是一个示例代码,展示了如何在Matplotlib中创建Y轴图形: ``` import matplotlib.pyplot as plt import numpy as np # 创建数据 x = np.linspace(0, 10, 100) y1 = np.sin(x) y2 = np.exp(x) # 创建图形和轴 fig, ax1 = plt.subplots() # 绘制第一个Y轴 ax1.plot(x, y1, 'r', label='sin(x)') ax1.set_xlabel('x') ax1.set_ylabel('sin(x)', color='r') ax1.tick_params('y', colors='r') ax1.legend() # 创建第二个Y轴 ax2 = ax1.twinx() # 绘制第二个Y轴 ax2.plot(x, y2, 'b', label='exp(x)') ax2.set_ylabel('exp(x)', color='b') ax2.tick_params('y', colors='b') ax2.legend() # 显示图形 plt.show() ``` 这段代码创建了一个包含两个不同数据的图形,分别使用红色和蓝色线条表示。左侧红色线条对应第一个Y轴,右侧蓝色线条对应第二个Y轴。可以根据实际情况修改数据和轴的标签、颜色等属性。 希望这个例子能对你有所帮助。如果你需要进一步了解Matplotlib的Y轴用法,可以参考官方文档或其他教程资源。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值