添加多Y轴线图

添加多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. 保存图表和仪表盘: 在编辑图表页面右上角 单击 确定 ,保存统计图表。在仪表盘编辑页面,单击右上角 保存 ,保存仪表盘。

相关文档

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

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