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

折线图

最近更新时间2024.04.19 11:08:49

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

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

图表说明

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

说明

使用统计图表之前,请先阅读注意事项

通用配置

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

配置

说明

面板配置

标题

设置折线图标题。

显示图表标题栏

勾选显示图表标题栏后,将在折线图左上角显示标题。

检索分析字段

X轴字段来源列

选择用于展示在 X 轴上的字段。建议选择有序数据,例如时间字段。
开启时序模式后,X 轴为时间轴,字段值必须是毫秒级别的时间戳。

Y轴字段来源列

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

数据配置

时序模式

开启时序模式后,日志服务会自动优化时间跨度,更好地展示数据在一段连续时间范围内的变化。

聚合字段来源列

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

标准配置(仅Y轴生效)

格式化

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

保留小数点

设置数值小数点后的位数。

单位

设置数值的单位。

折线图样式

绘制方式

设置折线图的绘制方式。

  • 线:折线图。
  • :柱状图。
  • :散点图。

连线方式

选择数据点之间的连线方式,可选择直线或平滑曲线。
设置绘制方式线时,需要设置。

线宽

设置线条的宽度。
设置绘制方式线时,需要设置。

填充透明度

设置区域的透明度。
设置绘制方式线时,需要设置。

显示点

选择是否显示每个数据点。
设置绘制方式线时,需要设置。

空值

设置空值在图表中的呈现形式。
设置绘制方式线时,需要设置。

点的大小

设置点的大小。
设置绘制方式时,需要设置。

图例

位置

设置图例的位置。

动作行为

单击图例中某一类别时的动作行为。

  • **单击选择:**单击图例中的某一分类时,在折线图中只展示此分类的数据。
  • **单击隐藏:**单击图例中的某一分类时,在折线图中隐藏此分类的数据。

Tooltip

排序方式

设置数值的排序方式,支持默认、升序和降序。
将鼠标悬浮在折线图上,系统将根据您所设置的排序方式显示数值。

显示模式

设置数值的显示模式,支持显示单个图例、所有图例。
将鼠标悬浮在折线图上,系统将根据您所设置的显示模式显示数值。

X、Y轴样式

X轴标题

设置 X 轴的标题。

X轴刻度标签角度

设置 X 轴刻度标签的角度。

Y轴标题

设置 Y 轴的标题。

Y轴位置

设置 Y 轴的位置。
您可通过设置 Y 轴的位置添加双 Y 轴,具体示例请参考添加双 Y 轴折线图

Y轴最小值

设置 Y 轴的最小值,小于该值的坐标区域不显示。

Y轴最大值

设置 Y 轴的最大值,大于该值的坐标区域不显示。

字段配置

字段配置区域选择字段名称之后,可以为此字段添加自定义的样式配置,此配置仅对指定字段生效,其他字段仍沿用通用配置。字段配置的配置项含义与通用配置相同,各个配置项的说明请参考通用配置
例如,下图示例表示对 UV 字段添加字段配置,在图表右侧添加 UV 折线的 Y 轴,并设置线宽为 40。
图片

交互事件

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

例如将 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 统计访问量。
  • 统计图表
    图片