You need to enable JavaScript to run this app.
导航
添加双 Y 轴折线图
最近更新时间:2024.08.02 11:18:46首次发布时间:2024.03.28 10:35:47

如果您需要使用一个折线图展示不同种类或不同数量级的数据时,可以为折线图添加多个 Y 轴,分别展示不同的数据。本文介绍添加双 Y 轴折线图的操作步骤。

背景信息

日志服务折线图支持添加多个 Y 轴,用于展示不同种类或者不同数据级的数据。例如您可以在一个折线图中展示 PV 和 UV 的变化趋势。由于 PV 和 UV 的数量级通常相差较大,当两者共用一个 Y 轴时,会导致折线图中展示的 UV 变化趋势不清晰。此时您可以添加 双 Y 轴,分别为 PV 和 UV 添加适合其数量级的 Y 轴,从而更好地展示两者的变化趋势。

前提条件

  • 已创建日志项目和日志主题,并已成功接入了日志数据。
  • 已开启索引。具体操作操作请参见配置索引

操作步骤

  1. 登录日志服务控制台

  2. 在顶部导航栏中,选择日志服务所在的地域。

  3. 在左侧导航栏中,选择常用功能 > 仪表盘

  4. 在仪表盘列表中,单击目标日志项目下的仪表盘。

  5. 在仪表盘中,单击添加图表

  6. 在目标图表中,单击创建图表

  7. 查询分析区域,选择目标日志主题,输入如下检索分析语句,然后单击开始分析

    * | SELECT DATE_FORMAT(__time__ - __time__ % 300000, 'Y-M-d HH:mm') AS time, COUNT(*) AS PV, COUNT(DISTINCT(UID)) AS UV GROUP BY time ORDER BY time
    
  8. 图表设置区域,设置折线图。
    通用配置下的检索分析字段区域,设置 X 轴字段来源列time,设置 Y 轴字段来源列PVUV。设置完成后,页面中将展示 PV、UV 的变化趋势。如下图所示,PV 和 UV 的数量相差较大,共用一个Y轴,导致图中 UV 的变化趋势展示不清晰。此时您可以通过字段配置,在折线图的右侧添加一个数量级适用于 UV 的 Y 轴。
    图片

  9. 添加字段配置。
    字段配置页签中,为 UV 列添加一条 Y 轴。具体参数说明,请参见字段配置
    图片
    设置完成后,该折线图将有两个 Y 轴,并且两个 Y 轴的数量级不同,左侧 Y 轴适用于 PV,右侧 Y 轴适用于 UV,如下图所示。
    图片

  10. 单击应用到仪表盘,保存图表配置。

  11. 单击保存,保存仪表盘。