You need to enable JavaScript to run this app.
导航
折线图
最近更新时间:2024.11.22 11:39:51首次发布时间:2022.04.02 10:15:58

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

图表说明

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

说明

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

通用配置

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

配置

说明

面板配置

标题

设置折线图标题。

显示图表标题栏

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

检索分析字段

X 轴字段

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

Y 轴字段

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

数据配置

时序模式

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

分类字段

开启时序模式后,您需要选择一个用于分类的字段。支持设置为 Long、Double、Text 类型的字段,且不可和时间轴或指标轴字段重复。

最大分类数量

设置分类字段的最大分类数量。当分类字段的不同值数量超过最大分类数量时,系统将取前 N 个值进行展示。

说明

分类数量过多会导致页面卡顿。

标准配置(仅Y轴生效)

格式化

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

保留小数点

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

单位

设置数值的单位。

折线图样式

堆叠方式

设置折线图的堆叠方式。

绘制方式

设置折线图的绘制方式。

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

连线方式

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

线宽

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

不透明度

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

显示点

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

显示标签

选择是否显示各个数据点的具体数值。

  • 设置显示点显示标签显示后,折线图中将展示数据点的具体数值。
  • 设置显示点不显示显示标签显示后,您需要将鼠标悬浮到图上,才能显示数据点的具体数值。

空值

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

点的大小

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

图例

显示图例

勾选显示图例后,系统将根据您所设置的图例位置显示图例。

位置

设置图例的位置。

动作行为

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

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

Tooltip

排序方式

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

显示模式

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

X、Y轴样式

X轴标题

设置 X 轴的标题。

X轴刻度标签角度

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

Y轴标题

设置 Y 轴的标题。

Y轴位置

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

Y轴最小值

设置 Y 轴的最小值,小于该值的坐标区域不显示。
开启弹性显示后,系统会根据检索分析结果,弹性显示最小值。当所有值都大于等于弹性最小值时,弹性最小值才会生效。

Y轴最大值

设置 Y 轴的最大值,大于该值的坐标区域不显示。
开启弹性显示后,系统会根据检索分析结果,弹性显示最大值。当所有值都小于等于弹性最大值时,弹性最大值才会生效。

阈值线样式

阈值配置

设置阈值点和颜色。

显示线

勾选显示线后,系统将根据您设置的阈值点,在折线图中展示对应的阈值线。

显示填充

勾选显示填充后,系统将根据您设置的阈值点及颜色,在折线图中展示阈值所属区域的颜色。

色彩配置

配色方案

设置折线图的颜色。

  • 内置:根据内置的配色方案展示折线图。
  • 单色:显示为您所选择的颜色。

填充方式

设置颜色填充方式,包括纯色和渐变。

链接

支持添加额外的链接,用于丰富图表信息。
设置后,将在图表的左上角展示链接图标,您可以单击链接图标,查看链接内容。

字段配置

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

交互事件

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

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

示例

通过折线图展示 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 统计访问量。
  • 统计图表
    Image