添加多Y轴线图

当您需要在一个线图中添加不同种类或不同数量级的数据时,可在线图中添加多Y轴。本文介绍添加多Y轴线图的操作步骤。

前提条件

背景信息

多Y轴线图主要用于解决数据量级差异大时,单一Y轴无法清晰展示所有数据变化趋势的问题。本文以公司A的网站访问日志为例,资源信息和日志样例如下:

  • 资源信息

    • Project:test-demo

    • Logstore:website_log

    • 仪表盘:website

  • 日志样例日志样例

单个查询分析场景

统计上海和杭州两个地域的请求量,通过线图展示其变化趋势。蓝色线条表示上海地域的请求数变化趋势,绿色线条表示杭州地域的请求数变化趋势。

1. 添加统计图表

在目标仪表盘页面,单击编辑。在编辑模式下单击添加 > 添加新图表

image

2. 配置统计图表

  1. 设置通用配置参考下图,在页面右侧配置图表类型查询分析配置,在页面左侧配置查询时间范围、Logstore、查询分析语句。然后单击页面上方的应用查看图表配置效果。

    * | select __time__ - __time__ % 60 as time, count_if(region='cn-shanghai') AS count1, count_if(region='cn-hangzhou') AS count2 GROUP BY time order by time

    image

  2. 设置Y轴:由于两个地域的请求数量相差较大,共用一个Y轴,导致图中杭州地域的请求数变化趋势展示不清晰。此时您可以通过字段配置,在线图的右侧添加一个Y轴,其数量级适用于杭州地域的请求数。

    image

  3. 效果展示:该线图将有两个Y轴,并且两个Y轴的数量级不同,左侧Y轴适用于上海地域的请求数,右侧Y轴适用于杭州地域的请求数,如下图所示。

    双Y轴线图

  4. 保存图表和仪表盘:在编辑图表页面右上角单击确定,保存统计图表。在仪表盘编辑页面,单击右上角保存,保存仪表盘。

多个查询分析场景

两个查询分析场景

统计每分钟成功与失败的请求量,通过线图展示其变化趋势,蓝线表示成功请求的数量,绿线表示失败请求的数量。

1. 添加统计图表

在目标仪表盘页面,单击编辑。在编辑模式下单击添加 > 添加新图表

2. 配置统计图表

  1. 设置通用配置在页面右侧配置图表类型线图Pro,在页面左侧配置查询时间范围、Logstore、查询分析语句。然后单击页面上方的应用查看图表配置效果。

    多Y轴线图

    查询分析A:统计每分钟成功请求的数量。

    status in [200 299] | SELECT __time__-__time__ % 60 AS Time, count(1) AS OK GROUP BY Time ORDER BY Time LIMIT 1000

    查询分析B:统计每分钟失败请求的数量。

    NOT status in [200 299] | SELECT __time__-__time__ % 60 AS Time, count(1) AS ERROR, status GROUP BY Time, status ORDER BY Time LIMIT 1000
  2. 设置Y轴:由于成功与失败请求数量相差较大,共用一个Y轴,导致失败请求的数量变化趋势展示不清晰。您可以通过字段配置,为失败请求(ERROR)在线图右侧添加一个新的Y轴。

    多Y轴线图

  3. 效果预览:线图有两个Y轴,并且两个Y轴的数量级不同。左侧Y轴适用于成功请求的数量,右侧Y轴适用于展示失败请求的数量,如下图所示。

    多Y轴线图

  4. 保存图表和仪表盘:在编辑图表页面右上角单击确定,保存统计图表。在仪表盘编辑页面,单击右上角保存,保存仪表盘。

三个查询分析场景

统计每分钟内,按请求时长(10~50秒蓝线、50~100秒绿线、>100秒黄线)分类的请求数,通过线图展示其变化趋势。

1. 添加统计图表

在目标仪表盘页面,单击编辑。在编辑模式下单击添加 > 添加新图表

2. 配置统计图表

  1. 设置通用配置:在页面右侧配置图表类型线图Pro,在页面左侧配置查询时间范围、Logstore、查询分析语句。然后单击页面上方的应用查看图表配置效果。

    • 查询分析A:统计请求时长在10~50秒之间的请求数。

      request_time in [10 50) | SELECT __time__-__time__ % 60 AS Time, count(1) AS count1, request_time GROUP BY Time, request_time ORDER BY Time LIMIT 1000
    • 查询分析B:统计请求时长在50~100秒之间的请求数。

      request_time in [50 100) | SELECT __time__-__time__ % 60 AS Time, count(1) AS count2, request_time GROUP BY Time, request_time ORDER BY Time LIMIT 1000
    • 查询分析C:统计请求时长大于100秒的请求数。

      request_time >= 100 | SELECT __time__-__time__ % 60 AS Time, count(1) AS count3, request_time GROUP BY Time, request_time ORDER BY Time LIMIT 1000
    • 多Y轴线图

  2. 设置Y轴:请求数因时长差异大,共用Y轴导致图中count2和count3的数量变化趋势展示不清晰。您可以通过字段配置,针对查询分析B的结果,添加一条Y轴。针对查询分析C的结果,添加一条Y轴。

    重要

    在同一侧添加两条及以上Y轴时,需要设置y轴 > y轴id以区分同侧的多个Y轴。

    多Y轴线图

  3. 效果展示:线图设有三个Y轴,各轴量级不同,分别对应三个不同请求时长范围的请求数,如下图所示。多Y轴线图

  4. 保存图表和仪表盘:在编辑图表页面右上角单击确定,保存统计图表。在仪表盘编辑页面,单击右上角保存,保存仪表盘。

相关文档

  • 添加统计图表时需要配置查询分析语句,更多信息,请参见查询分析

  • 对统计图表进行字段配置时,具体的参数说明,请参见字段配置