面积图是在折线图的基础之上形成的,它将折线图中折线与坐标轴之间的区域使用颜色进行填充,这个填充即为我们所说的面积,颜色的填充可以更好的突出趋势信息。和折线图一样,面积图强调数量随时间而变化的程度,用于突出总值趋势。它们最常用于表现趋势和关系,而不是传达特定的值。

基本构成

  • X轴(横轴)
  • Y轴(纵轴)
  • 面积块

配置项

配置项 说明
X轴 一般为有序数据类别(时间序列)。
Y轴 可以配置一列或多列数据对应到左轴数值区间。
图例位置 图例在图表中的位置,可以配置为上、下、左和右。
间距 坐标轴距离图表边界距离

使用步骤

  1. 键入查询语句,选择时间区间后点击右侧查询按钮。
  2. 选择面积图
  3. 配置图表属性。
    说明
    面积图单个面积块数据记录数要大于2,以免无法分析数据趋势,同时,建议同一个图上不要超过5组面积块。

示例

简单面图

42.0.192.0这个IP在最近1天内的访问情况:

remote_addr: 42.0.192.0 | select date_format(date_trunc('hour', __time__), '%m-%d %H:%i') as time, count(1) as PV group by time order by time limit 1000

X轴选择time,Y轴选择PV

图 1. 简单面图


层叠面图

* | select date_format(date_trunc('hour', __time__), '%m-%d %H:%i') as time, count(1) as PV, approx_distinct(remote_addr) as UV group by time order by time limit 1000

X轴选择time,Y轴选择PVUV

图 2. 层叠面图