1.面积图简介
面积图又叫区域图。 它是在折线图的基础之上形成的， 它将折线图中折线与自变量坐标轴之间的区域使用颜色或者纹理填充，这样一个填充区域我们叫做面积，颜色的填充可以更好的突出趋势信息。
需要注意的是颜色要带有一定的透明度，透明度可以很好的帮助使用者观察不同序列之间的重叠关系，没有透明度的面积会导致不同序列之间相互遮盖减少可以被观察到的信息。
和折线图一样，面积图也用于强调数量随时间而变化的程度，也可用于引起人们对总趋势的注意。他们最常用于表现趋势和关系，而不是传达特定的值。
面积图通常分为：
一般面积图：所有的数据都从相同的零轴开始。
堆叠面积图：每一个数据集的起点不同，都是基于前一个数据集。用于显示每个数值所占大小随时间或类别变化的趋势线，堆叠起来的面积图在表现大数据的总量分量的变化情况时格外有用。
百分比层叠面积图：用于显示每个数值所占百分比随时间或类别变化的趋势线。可强调每个系列的比例趋势线。
面积图的组成：
一般的面积图由以下四个部分组成：
横轴：表示时间。
纵轴：表示数值。
线：表示数据之间的趋势关系。
面积：线条与轴之间的填充面积。
使用场景：
适合的数据：两个连续字段的数据。
主要功能：观察数据的变化趋势。
适用的场景：展示时间维度上变化的值。
2.整体效果图
3. 关键代码展示：
%% 细节优化
% 坐标轴美化
set(gca, 'Box', 'off', ... % 边框
'XGrid', 'off', 'YGrid', 'on', ... % 网格
'TickDir', 'out', 'TickLength', [.01 .01], ... % 刻度
'XMinorTick', 'off', 'YMinorTick', 'off', ... % 小刻度
'XColor', [.1 .1 .1], 'YColor', [.1 .1 .1],... % 坐标轴颜色
'XTick', 0:0.1:1.2,... % 刻度与范围
'XLim', [0 1.1],...
'YLim', [0 1])