[]
        
在线Demo 免费试用
(Showing Draft Content)

面积图

1.功能概述

面积图(Area Chart)是一种以折线图为基础的可视化图表,它通过在折线与坐标轴之间填充颜色来展示数据随时间或其他连续变量的变化趋势,以及么个数据系列所对应的累积量的大小。简单来说,面积图是在折线图的基础上强调了数据的累积效果。

提供以下三种面积图类型供用户选择:

  • 面积图:用于展示单一数据系列或多个数据系列的变化趋势和累积量,可以很好地呈现整体的变化趋势和累积情况。

  • 堆叠面积图:主要用于展示部分和整体的关系,整个图表的最上方折线代表了所有数据系列的总和,而每个区域的高度则表示该数据系列在总和中所占的比例。

  • 百分比堆叠面积图:与堆叠面积图类似,但个侧重展示各数据系列占总和的百分比变化。

2.添加面积图

通过拖拽从左侧组件面板中奖面积图添加至设计器画布区域:

image

3.切换面积图类型

应对不同的应用场景我,提供三种类型的面积图供用户选择,用户可通过属性面板区域的“图表类型”来进行切换:

image

图表类型

说明

示例

面积图

用于展示单一数据系列或多个数据系列的变化趋势和累积量。

在展示多个数据系列时,各个区域会有重叠部分,可能会导致部分数据被遮挡,较难直观地比较各数据系列的具体数值,但可以很好地呈现整体的变化趋势和累积情况。

例如,在分析一家企业不同部门的费用支出变化趋势时,使用普通面积图可以看到各部门费用的总体增长或下降趋势,以及总费用(各部门费用累积)的变化情况。

image

堆叠面积图

主要用于展示部分与整体的关系。

在这种图表中,每个数据系列的折线是基于前一个数据系列的累积值绘制的,即后一个数据系列的数值是在前一个数据系列的基础上进行累加。

这样,整个图表的最上方折线代表了所有数据系列的总和,而每个区域的高度则表示该数据系列在总和中所占的比例。

例如,在展示一个产品的市场份额分布变化时,堆积面积图可以清楚地看到不同品牌产品的市场份额(各品牌产品数据系列)如何随着时间变化,以及各品牌产品市场份额之和(总和数据系列)的变化情况。

image

百分比堆叠面积图

它与堆积面积图类似,但更侧重于展示各数据系列占总和的百分比变化。

在这种图表中,各数据系列的折线是基于其占总和的百分比绘制的,并且总和始终为 100%。

这种图表适用于强调各组成部分在整体中的相对变化情况,而不是实际的数值大小。

例如,在分析一个投资组合中不同资产类别(如股票、债券、现金等)的占比变化时,百分比堆积面积图可以清晰地展示各资产类别占投资组合总额的百分比如何随时间波动。

image

4.数据绑定

将面积图组件添加至设计器画布区域,数据绑定面板将自动展开,选择所需要的数据集或数据模型。

将所需字段拖拽至对应的数据绑定区域来完成面积图的绘制:

image

数据绑定区域

说明

数值

绑定任意类型的字段,可绑定一个或多个字段。

如果已经在系列区域绑定了字段,则数值区域将无法绑定多个字段,即仅能绑定一个字段

分类

绑定组件的分析维度,可绑定一个或多个字段。

系列

绑定组件分析的系列,仅可绑定一个字段。

如果数值绑定区域中已绑定了多个字段,则不可以绑定系列。

提示标签

提示标签是指当鼠标移至图形时,会出现相应的提示信息,使用方法详见鼠标提示标签

钻取

设置组件数据钻取路径,详见数据钻取