You need to enable JavaScript to run this app.
导航

折线图

最近更新时间2024.02.23 18:40:20

首次发布时间2022.04.02 10:15:58

日志服务提供折线图方式展示日志查询分析结果,本文介绍介绍各项图表参数配置。

图表说明

折线图一般用于数据的趋势分析场景,展示一组数据在一个有序的数据类别上的变化情况,有序类别一般为连续的时间间隔,即查看指定数据跟随时间的变化趋势。
日志服务折线图支持时序模式,用于时序分析场景。例如分析不同时段的操作类型分布趋势时,可以根据 QPS、流量等维度,按照时间聚合每个维度的值,并通过时间字段、维度字段和每个维度的聚合结果配置时序图。

说明

使用分析图表之前,请先阅读注意事项

通用配置

对指定类型的统计图表进行全局配置,该配置对整个图表范围生效。折线图支持的通用配置如下。

配置

说明

基本

标题

设置图表在仪表盘中的标题。默认为 new-chart。

显示标题

是否在仪表盘中显示图表的标题。

X轴

展示在 X 轴中的字段。建议选择有序数据,例如时间字段。
开启时序模式后,X 轴固定为时间轴。

Y轴

展示在 Y 轴中的字段。建议选择数据类型字段,支持选择多个字段,以便分析数据之间的相互作用和影响。
开启时序模式后,Y 轴固定为指标轴。

时序模式

是否开启时序模式,开启后,应同步设置维度。

维度

选择用作表示数据维度的字段,仅支持设置一个维度字段。 支持设置为 Long、Double、Text 类型的字段,且不可和时间轴或指标轴字段重复。

标准

格式化

根据不同的单位换算方式将数值字段格式化。

自定义单位

自定义设置数值字段的单位。

小数点

显示的小数点后位数。

样式

图例

图例的样式。支持设置:

  • 位置:图例在图表中的位置,默认为下。
  • 动作行为:单击图例中某一分类时的动作行为,单个表示图表仅显示此分类的数据,所有表示排除此分类的数据。

Tooltip

坐标轴数据的排序方式。

折线图

折线图的显示样式。支持设置:

  • 绘制方式:数据在图表中的显示方式,选择线则为折线图,选择柱则为直方图,选择点则为散点图。
  • 连线方式:数据点之间的连线方式是否进行平滑处理。
  • 线宽:线条的宽度。
  • 填充透明度:填充区域的透明度。
  • 显示点:是否显示每个数据点。
  • 空值:空值在图表中的呈现形式。

坐标轴

X轴-标题

X 轴的标题。

Y轴

Y 轴的样式设置。包括:

  • 标题:Y 轴的标题。
  • 位置:坐标轴的位置。
  • 最小值:Y 轴刻度显示的最小值,小于该值的坐标区域不显示。
  • 最大值:Y 轴刻度显示的最大值,大于该值的坐标区域不显示。

字段配置

字段配置区域选择字段名称之后,可以为此字段添加自定义的样式配置,此配置仅对指定字段生效,其他字段仍沿用通用配置。字段配置的配置项含义与通用配置相同,各个配置项的说明请参考通用配置
例如,下图示例表示对指定字段 PV 添加字段配置,线宽加粗并显示数据点。

交互事件

交互事件中可以设置分析图表在仪表盘中的交互效果,设置后,在仪表盘中单击指定字段时会触发对应的交互效果。目前支持的交互事件包括打开日志主题打开仪表盘自定义 HTTP 链接。每种交互事件的详细说明请参考交互事件

例如对折线图中的 PV 字段设置交互事件。将 PV 字段的交互事件设置为打开日志主题,单击折线图中的任意数值点,然后选择打开日志主题,页面将自动跳转到您所设置的日志主题中。

示例

通过折线图展示 PV 随时间的变化趋势。

  • 检索分析语句:

    * | SELECT DATE_FORMAT(__time__ - __time__ % 300000, 'Y-M-d HH:mm') AS time, COUNT(*) AS PV GROUP BY time ORDER BY time
    
  • 图表分析设置:

    • X轴:指定为 time。其中 time 为时间字段__time__的别名,通过DATE_FORMAT(__time__ - __time__ % 300000, 'Y-M-d HH:mm')指定时间间隔为 5 分钟,并将时间格式转换为Y-M-d HH:mm
    • Y轴:指定为 PV。通过 COUNT(*) as PV 统计日志的数量,并将其作为访问量指标。
  • 统计图表:
    图片