页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。



面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录
maxLevel2


概要说明

面积图又称区域图,是在折线图的基础之上形成的, 它将折线图中折线与自变量坐标轴之间的区域使用颜色或者纹理填充。

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

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

含义入口图例
  • 面积图

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

Image Modified

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

Image Modified

  • 堆积面积图

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

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

Image Modified

优势面积图可以进行层叠,方便比较数据。
劣势由于有遮盖,不能显示更多的记录。

配图建议:

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

适用场景:

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

2)  包含值的对比。

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

不适用场景:数据系列过多,不易区分。


示例

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

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

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

该需求的趋势对比分析,想要查看变化情况,建议通过面积图实现。

效果

操作步骤

(1)数据结构

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

(2)双击“月份”和“销售金额”字段,由系统自动分配到“列区”、“行区”;或者拖拽“月份”字段到“列区”,“销售金额”字段到“行区”。

(3)拖拽“年份”字段到“筛选区”即生成“年份”筛选器,该筛选器需要设置:

Image RemovedImage Added

通过上图可以直观的看出公司2014年中销售额的变化情况。

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

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

该需求需要对比各类产品的销售额差距情况,建议通过面积图实现。

效果

操作步骤

(1)数据结构

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

Image RemovedImage Added

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

(3)拖拽“年份”字段到“筛选区”即生成“年份”筛选器,该筛选器需要设置:

通过比较点心和饮料的销售额,可以清晰看出两者在每个月的差距。

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

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

该需求的趋势对比分析,想要看部分与整体的关系,因此建议使用堆积面积图实现。

效果

操作步骤

(1)数据结构

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

(2)双击“月份”、“点心”、“调味品”、“日用品”、“特制品”和“饮料”字段,由系统自动把维度分配到“列区”、把度量分配到“行区”;

(3)拖拽“年份”字段到“筛选区”即生成“年份”筛选器,该筛选器需要设置:

Image Removed

组件设置

线图/堆积线图的组件设置,

Image Added

组件设置

面积图/堆积面积图的组件设置,可参考文档:组件设置

更多功能

注意事项

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

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





面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录
maxLevel2


概要说明

面积图又称区域图,是在折线图的基础之上形成的, 它将折线图中折线与自变量坐标轴之间的区域使用颜色或者纹理填充。

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

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

含义入口图例
  • 面积图

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

Image Added

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

Image Added

  • 堆积面积图

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

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

Image Added

优势面积图可以进行层叠,方便比较数据。
劣势由于有遮盖,不能显示更多的记录。

配图建议:

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

适用场景:

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

2)  包含值的对比。

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

不适用场景:数据系列过多,不易区分。


示例

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

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

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

该需求的趋势对比分析,想要查看变化情况,建议通过面积图实现。

效果

Image Added

操作步骤

(1)数据结构

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

Image Added

(2)双击“月份”和“销售金额”字段,由系统自动分配到“列区”、“行区”;或者拖拽“月份”字段到“列区”,“销售金额”字段到“行区”。

(3)拖拽“年份”字段到“筛选区”即生成“年份”筛选器,该筛选器需要设置:

Image Added

通过上图可以直观的看出公司2014年中销售额的变化情况。

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

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

该需求需要对比各类产品的销售额差距情况,建议通过面积图实现。

效果

Image Added

操作步骤

(1)数据结构

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

Image Added

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

(3)拖拽“年份”字段到“筛选区”即生成“年份”筛选器,该筛选器需要设置:

Image Added

通过比较点心和饮料的销售额,可以清晰看出两者在每个月的差距。

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

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

该需求的趋势对比分析,想要看部分与整体的关系,因此建议使用堆积面积图实现。

效果

Image Added

操作步骤

(1)数据结构

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

Image Added

(2)双击“月份”、“点心”、“调味品”、“日用品”、“特制品”和“饮料”字段,由系统自动把维度分配到“列区”、把度量分配到“行区”;

(3)拖拽“年份”字段到“筛选区”即生成“年份”筛选器,该筛选器需要设置:

Image Added

组件设置

面积图/堆积面积图的组件设置,可参考文档:组件设置

更多功能

注意事项

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

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