1.1 应用场景

在堆积面积图的基础上，计算每个指标占所有指标总和的百分比，即形成了堆积面积图。如下图所示：

1.2 数据要求

1.3 图表特点

优点：可以强调不同类型数量随时间变化的程度，引起人们对总值的重视，也可从图形中了解到部分与整体的关系。

缺点：不利于过多类的展示，画面会比较拥挤，且颜色也不好区分。

2.1 添加 Execl 数据集

点击「数据准备」，点击「添加业务包」，将业务包命名为百分比面积图，再点击「添加表」，选择「 Excel 数据集」，导入 Excel 文件：

BI百分比堆积面积图.xlsx ，命名为BI百分比堆积面积图，如下图所示：

Excel 数据预览效果如下图所示：

2.2 创建组件

1）点击「仪表盘」，点击「新建仪表盘」，如下图所示：

2）点击添加组件，如下图所示：

选择「百分比面积图」业务包，选择「BI百分比堆积面积图」，点击「确定」即可。如下图所示：

2.3 设计组件

1）将指标下的「年份」字段转化为维度，如下图所示： 

2）选择「+」，将指标下的「Asia」、「Africa」、「Europe」、「Lation America」、「North America」字段分别进行百分比计算得到「Asia百分比」、「Africa百分比」、「Europe百分比」、「Lation America百分比」、「North America百分比」字段。

3）选择「自定义图表」，将「Asia百分比」、「Africa百分比」、「Europe百分比」、「Lation America百分比」、「North America百分比」字段分别拖到纵轴，将「年份」字段拖到横轴。如下图所示：

4）将「年份」字段设置为「相同值为一组」。将「Asia百分比」、「Africa百分比」、「Europe百分比」、「Lation America百分比」、「North America百分比」字段分别设置为「开启堆积」。如下图所示： 

5）将「Asia百分比」、「Africa百分比」、「Europe百分比」、「Lation America百分比」、「North America百分比」字段的数值格式，设置为「百分比」。如下图所示：

6）设置组件标题，输入百分比堆积面积图，选择字体大小为「13」，「加粗」，并设置字体颜色为「黑色」。如下图所示：

7）设置图例为显示，图例字体颜色为「蓝色」，选择字体大小为「12」，图例位置为「上方」显示。如下图所示：

8）设置图形颜色。如下图所示：

2.4 设置坐标轴

1）设置 「年份」字段，设置轴标签，文本方向为「-15」, 字号选择「12」，字体选择为「蓝色 」，取消「轴标题」。如下图所示：

2）设置轴标签 为「蓝色」，字体大小为「12」，同时设置轴刻度最小值为「0」，最大值为「1」，重新命名标题名称为「Ten Thousand」，同时设置字体大小为「12」。如下图所示：

3.1 PC 端

点击「保存仪表板」，点击「预览仪表板」，效果如 1.1 节所示。

3.2 移动端

App 及 HTML5 端预览效果相同，如下图所示：

完成仪表板可参见：百分比堆积面积图

点击下载 Excel 文件：BI百分比堆积面积图.xlsx