精华内容
下载资源
问答
  • Grafana使用双Y坐标轴详解

    千次阅读 2021-03-18 21:37:11
    文章目录操作环境实际操作两个查询数据允许双Y轴给右Y轴配置数据 操作环境 Grafana v7.1.0-beta2 实际操作 实际操作之前先来看看最终效果图,这里绿线显示的是rpc成功次数,黄线显示的是失败次数,并且从legend...

    最近在给公司做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上关注我,如果有问题欢迎在底下的评论区交流,谢谢。

    展开全文
  • matlab 双Y坐标画图

    万次阅读 2018-03-19 20:13:47
    yyaxis leftyyaxis right实例:a=600:100:1400; b=[9,12,16,20,25,30,35,41,48]; c=b./a; figure(1) yyaxis left;%****** plot(a,b); xlabel('温度ev'); ylabel('误差ev');...ylabel('误差归一ev...

    yyaxis left

    yyaxis right

    实例:

    a=600:100:1400;
    b=[9,12,16,20,25,30,35,41,48];
    c=b./a;
    figure(1)
    yyaxis left;%******
    plot(a,b);
    xlabel('温度ev');
    ylabel('误差ev');
    yyaxis right;%******
    plot(a,c);
    ylabel('误差归一ev');
    title('温度与误差关系');
    

    展开全文
  • Grafana实现图表双Y坐标轴展示

    千次阅读 2020-09-09 18:05:32
    现在,我们来设置一下双坐标轴显示。 在右侧面板设置区,找到Series overrides,设置系列优先规则。 点击+号,添加一个规则,alias or regex 文本框中选择需要在Y右侧坐标轴展示的别名。 在下拉的规则中,选择Y-...

    代码编辑区添加两个查询,以展示不同的数值

    Query A:

    SELECT
      block_time AS time_seq,
      power/pow(1024,4) as value,
      actor || ' 原值算力'   AS metric
    FROM lotus_miners
    WHERE
      $__unixEpochFilter(block_time) and actor = 't02438'
    ORDER BY 1,2 desc

    Query B:

    SELECT
      block_time AS time_seq,
      quality_adj_power/pow(1024,4) as value,
      actor || ' 有效算力'  AS metric
    FROM lotus_miners
    WHERE
      $__unixEpochFilter(block_time) and actor = 't02438'
    ORDER BY 1 desc

    编辑sql后,两个数值均将默认在左侧坐标轴显示。

     

    现在,我们来设置一下双坐标轴显示。

    在右侧面板设置区,找到Series overrides,设置系列优先规则。

    点击+号,添加一个规则,alias or regex 文本框中选择需要在Y右侧坐标轴展示的别名。

    在下拉的规则中,选择Y-axis,并选择值2.

    最终展示效果

    展开全文
  • 最近接到一个业务需要echarts有两个y坐标轴,且使用第二个y坐标轴的变量都是使用折线显示,使用第一个y坐标轴的都是使用柱状图显示,看了一下echarts的官网例子,发现有个例子特别适合这个需求,只需要稍微修改字段...

            最近接到一个业务需要echarts有两个y坐标轴,且使用第二个y坐标轴的变量都是使用折线显示,使用第一个y坐标轴的都是使用柱状图显示,看了一下echarts的官网例子,发现有个例子特别适合这个需求,只需要稍微修改字段就行了,例子的网址:echarts折柱混合。大多数参数同普通的折线图或者柱状图,下面是几个我认为比较重要的参数(有注释部分):

    坐标轴设置:

    yAxis: [
                {
                    type: 'value',
                    name: '数值',     // 左y坐标轴名称
                    // min: 0,        //左y坐标轴最小值
                    // max: 100,      //左y坐标轴最大值
                    // interval: 10,  //左y坐标轴 两个小格之间的间隔单位
                    axisLabel: {
                        formatter: '{value} 万元' //设置左y坐标轴的单位万元
                    }
                },{
                    type: 'value',
                    name: '百分比',
                    // min: 0,
                    // max: 100,
                    // interval: 10,
                    axisLabel: {
                        formatter: '{value} %' //设置右y坐标轴的单位%
                    }
                }
            ]
    
    

    参数选择是折线还是柱状图,是使用左y坐标轴还是右y坐标轴:

    series: [
            {
                name:'蒸发量',
                type:'bar',
                data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
            },
            {
                name:'降水量',
                type:'bar',       // 设置初始的时候是柱状图
                data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
            },
            {
                name:'平均温度',
                type:'line',      // 设置初始的时候是折线
                yAxisIndex: 1,    // 设置使用右y坐标轴
                data:[2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
            }
        ]

    主要的参数就是这几个,其他的就是注意需要根据自己的需求对页面的样式进行修改之类的

    展开全文
  • matlab 双y坐标 及其坐标属性设置 yyaxis

    万次阅读 多人点赞 2018-07-23 18:05:12
    展示matlab画双坐标轴的程序,并设置其属性 一、图像展示 二、程序 close all %数据设置 X = [1, 2, 3, 4, 5]; OA = [99.03, 99.13, 99.22, 99.17, 98.98] AA = [99.02, 99.06, 99.27, 99.23, 99.12]; KAPPA =...
  • http://blog.csdn.net/monkey_king_bar/article/details/49815463
  • 本文主要介绍如何在论文仿真部分,根据仿真结果(存储于.dat文件中)绘制双Y坐标的曲线。 假定我们有两组仿真数据[x, y1] [x, y2],分布存储在y1.dat和y2.dat文件中。文件内容如下图所示: 画双Y坐标,主要用到了\...
  • matlab 创建双y坐标图形

    千次阅读 2020-12-02 20:28:05
    能够实现双y轴的matlab函数:plotyy,yyaxis,以及axes属性。 其中yyplot在matlab2016a版本以后不推荐使用。最简洁的方式就是使用yyaxis. yaxis 语法: yyaxis left 画左边的图 yyaxis right 画右边的图 yyaxis(ax,__...
  • 如题 1、另外一轴为空 2、编辑中的图像编辑 3、查看里面的绘图浏览器 3、 4、点击框框后,修改即可
  • python绘制双y坐标轴的图

    千次阅读 2020-12-09 10:59:43
    之前有个网友给留言,怎么在y轴右侧设置坐标 关键代码: ax2 = ax.twinx() 具体如下: import numpy as np import matplotlib.pyplot as plt from matplotlib import rc time = np.linspace(1,16,16) ranksum1= [0....
  • 利用matplotlib绘制双Y坐标

    千次阅读 2018-09-03 22:12:46
    有时候我们需要在同一个坐标图中比较两种数据在时间序列上的关系时,由于两种数据的单位和数据并不统一,也是不同的类型的数据,因此我们不能用一个Y轴来共同衡量两类不同的数据,这时候我们就需要绘制双Y周图。...
  • demo源码:http://download.csdn.net/detail/monkey_king_bar/9265961 需要1积分还请见谅
  • 首先纠正一个认识上的错误,ggplot并不存在 “先绘制次轴,再按照次轴坐标将某组数据投放到图像上” 的功能。Ggplot能做的是将先按照主轴来绘制两类数据,之后再绘制次轴(也就是说次轴可以和数据不符,可以错
  • 同时,我们也发现Matplotlib绘制出的图形中会存在一些问题,例如:如何绘制双Y坐标系?如何去掉图形默认的边框?以及如何移动坐标到指定位置? 一、绘制双Y坐标系 在进行数据分析时,有时候我们需要在同一个坐标...
  • 今天小编就为大家分享一篇python绘制双Y轴折线图以及单Y轴双变量柱状图的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Jfreechart中文API及画双Y坐标的折线图

    千次阅读 2012-03-09 20:11:16
     void setLabelAngle(double angle)`坐标轴标题旋转角度(纵坐标可以旋转)  void setTickLabelFont(Font font)坐标轴标尺值字体  void setTickLabelPaint(Paint paint)坐标轴标尺值颜色  void ...
  • JFreeChart双Y轴折线图实例,可以直接运行,实例类为LineChartDemo1.JAVA,有注释。 若想在web工程使用只需如下。 String filename = ServletUtilities.saveChartAsPNG(jfreechart, 600, 400, null, session); ...
  • JFreechart 双坐标Y轴 折点显示数据 有截图有web的显示效果 和swing的显示效果,仅供参考!如有雷同,纯属盗版!自己刚刚写的,用的两天时间才研究明白
  • 主要介绍了实现ECharts双Y轴左右刻度线一致的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Origin绘制双Y轴图的方法

    万次阅读 2018-08-13 19:14:23
    1、已有数据绘图如下,其中网络流量的单位是M Bytes/s,与另外两组数据的单位(时间)不同,现在要为其添加右侧Y轴。 2、首先选中该图像,找到工具条,点击第三个按钮“Add Right-Y La
  • plotly绘制简单图形<8>--双Y轴设置

    千次阅读 2018-09-28 18:56:27
    我们做数据的时候往往会遇到我们想同时展现...这个时候往往需要建立一个次坐标轴 接下来我们看一下怎么用plotly进行实现 import plotly.plotly as py import plotly.graph_objs as go trace1 = go.Bar( x=[...
  • Matlab之创建双y轴函数yyaxis

    千次阅读 2021-02-09 18:36:37
    在绘图时,我们有在一张图上绘制两条曲线的需求,但是两条曲线的y值相差较大,此时,可以选择绘制双y轴解决该问题。 二、yyaxis功能 创建具有两个 y 轴的图 三、函数 1、yyaxis left 激活当前坐标区中与左侧y轴...
  • ChartControl双Y轴显示

    2017-02-23 11:30:59
    ChartControl双Y轴显示实例源码
  • echarts实现双y

    万次阅读 2017-09-04 17:40:34
    我们在一个折线图中展示多个数据的时候,如果两个数据的数量级相差很大,会造成数量级低的数据折线图被压缩成一条很直的线,如下图:解决办法是使用双y轴: $scope.echart21 = { legend: { show: 'true', data: ...
  • Matlab plotyy画坐标图实例

    万次阅读 2016-09-29 15:29:32
    原文地址:plotyy画坐标图实例" style="text-decoration:none; color:rgb(0,99,177)">Matlab plotyy画坐标图实例作者:gypsy Matlab plotyy画坐标图实例 x = 0:0.01:20; y1 = 200*exp...
  • echarts双坐标轴数据错乱问题

    千次阅读 2019-09-26 16:48:45
    在实际开发过程中遇到一个问题,后台返回的数据是没有问题的,但是展示的时候图表数据对应不上 以下是错误的效果图 ...yAxisIndex默认值为0,不填或者为零均表示第一个Y轴,1代表第二个Y轴 更改代码 series: [ ...
  • pyecharts双坐标轴,双y

    千次阅读 2019-05-28 16:04:13
    比如说,两个图合并, 一个是柱状图,一个是折线图。 # 用overlap 建立一个叠加试图 overlap = Overlap() ...# 将折线图放进去,并使用新的y坐标轴 overlap.add(line, yaxis_index=1, is_add_yaxis=True) ...
  • MATLAB 双Y轴 多线条 多图例 绘制方法和代码

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 55,877
精华内容 22,350
关键字:

双y坐标