概要说明

曲线面积图是在面积图的基础之上形成的，两者只是图形线条的区分，面积图为折线，曲线面积图为平滑的曲线。

  • 面积曲线图强调数量随时间而变化的程度，也可用于引起人们对总值趋势的注意。
  • 堆积曲线面积图可以显示部分与整体的关系。

曲线面积图与线图类似，区别是用面积表示数量，比线图更为直观。了解线图详情可参考 线图  。

含义入口图例
  • 曲线面积图

展示或者比较随着时间连续变化的定量，各线的起点是原点，线与线之间有交叉。

 如下曲线面积图表示某公司一年中饮料和点心销售额的变化情况的比较：

  • 堆积曲线面积图

表达多数据系列中部分与整体的关系，或者是表达累加的数据集，适用堆积曲线面积图。某一分类的值是通过折线之间的相对高度来表达。

如下堆积曲线面积图表示各产品销售额与整体总销售额的关系：

优势曲线面积图可以进行层叠，方便比较数据。
劣势最上层的图层会遮盖下层的图层，不能显示更多的记录。

配图建议：

  • 列区：1个或多个度量
  • 行区：1个或多个度量
  • 颜色区：1个维度/1个度量
  • 其它建议：曲线面积图最好不超过3片区域，堆积曲线面积图适合多片区域

适用场景：

1）展示时间维度上变化的值。例如：在股票市场上，将股票(或指数)的逐日收市价使用曲线面积图来表示，用来展示股市大致上的趋势。 

2)  包含值的对比。

3）显示部分与整体的关系。

不适用场景：数据系列过多，不易区分。

示例

我们在业务分析中，经常会对趋势进行对比分析。实际应用中， 曲线面积图主要有如下三种应用情景：

示例1：查看公司当年销售额的变化情况

  • 通过参数进行“年份”控制
  • 分类轴上显示月份
  • 指标轴上分布销售金额

该需求的趋势对比分析，想要查看变化情况，可通过曲线面积图实现。

效果

操作步骤

（1）数据结构

以上业务情景的数据来源如下：

（2）拖拽一个“曲线面积图”图表组件到画布中。

（3）双击“月份”和“销售金额”字段，由系统自动分配到“列区”、“行区”；或者拖拽“月份”字段到“列区”，“销售金额”字段到“行区”。

（4）拖拽“年份”字段到“筛选区”即生成“年份”筛选器，该筛选器需要设置：

最终效果如下，通过下图可以直观的看出公司2014年中销售额的变化情况。

示例2：查看公司当年饮料、点心销售额的对比情况

  • 通过参数进行“年份”控制
  • 分类轴上显示月份
  • 指标轴上分布销售金额
  • 把汇总的数据字段拖动到颜色标记区以实现分类

该需求需要对比各类产品的销售额差距情况，可以通过曲线面积图实现。

效果

操作步骤

（1）数据结构

以上业务情景的数据来源如下：

（2）拖拽一个“曲线面积图”图表组件到画布中。

（3）双击“月份”、“销售金额”和“商品类别”字段，由系统自动分配到“列区”、“行区”和“颜色”标记项，系统默认把双击的第二个维度分配到“颜色”标记项；

（4）拖拽“年份”字段到“筛选区”即生成“年份”筛选器，该筛选器需要设置：

（5）拖拽“商品类别”字段到“筛选区”即生成“商品类别”筛选器，该筛选器需要设置：

最终效果如下，通过比较点心和饮料的销售额，可以清晰看出两者在每个月的差距。

示例3：想要查看公司当年各类产品的销售总额，及各类产品的情况

  • 通过参数进行“年份”控制
  • 分类轴上显示月份
  • 指标轴上分布销售金额

该需求的趋势对比分析，想要看部分与整体的关系，因此可以使用堆积曲线面积图实现。

效果

操作步骤

（1）数据结构

以上业务情景的数据来源如下：

（2）拖拽一个“堆积曲线面积图”图表组件到画布中。

（3）双击“月份”、“销售金额”和“产品类别”字段，由系统自动分配到“列区”、“行区”和“颜色”标记项，系统默认把双击的第二个维度分配到“颜色”标记项；

（4）拖拽“年份”字段到“筛选区”即生成“年份”筛选器，该筛选器需要设置：

最终效果如下，通过下图可以直观的看出该公司2014年各产品类别销售额的趋势对比效果，以及各类别与整体的关系。

组件设置

曲线面积图/堆积曲线面积图的组件设置如下，可参考文档：组件设置。

更多功能

注意事项

（1）仪表盘如需使用“自助数据集”，需更换包含"自助数据集”的 License 文件。

（2）若无法在仪表盘中使用业务主题，需前往系统选项>高级设置 中添加"DISABLE_BUSINESS_THEME_IN_DASHBOARD=false"。