面积图是在折线图的基础上，对折线以下区域进行颜色填充，用于在连续间隔或时间跨度上展示数值，常用来显示趋势和对比关系（多个面积块之间的对比）。
该组件在软件中的位置如下图所示：
选中组件时可以对组件进行设置，包括字段设置和属性设置，其中字段设置如下图所示：
上图中X轴和Y轴都只包含一个字段，其中X轴字段为横坐标，Y轴字段为纵坐标。（关于如何添加字段请参考新手入门教程）
当X轴为多个字段，Y轴为一个字段时，图形如下所示：
上图中所用示例数据如下：
| 时间 | 品类 | 销售额 |
| 2019年1月 | 男装 | 10000 |
| 2019年1月 | 女装 | 20000 |
| 2019年2月 | 男装 | 30000 |
| 2019年2月 | 女装 | 40000 |
| 2019年3月 | 男装 | 50000 |
| 2019年3月 | 女装 | 60000 |
| 2019年4月 | 男装 | 70000 |
| 2019年4月 | 女装 | 80000 |
| 2019年5月 | 男装 | 50000 |
| 2019年5月 | 女装 | 60000 |
| 2019年6月 | 男装 | 30000 |
| 2019年6月 | 女装 | 40000 |
当X轴为一个字段，Y轴为多字段时，图形如下所示：
上图中所用示例数据如下：
| 时间 | 男装销售额 | 女装销售额 |
| 2019年1月 | 1000 | 2000 |
| 2019年2月 | 3000 | 4000 |
| 2019年3月 | 5000 | 6000 |
| 2019年4月 | 7000 | 8000 |
| 2019年5月 | 5000 | 6000 |
| 2019年6月 | 3000 | 4000 |
属性的设置如下图所示：
（1）基本设置
显示滚动条：当组件的窗口大小不足以展示全部数据时，可以设置显示滚动条，否则超出的部分就不会显示出来。
（2）数据颜色
设置每一个数据对应的线条的颜色
（3）图形形状
统一的形状设置包括：填充颜色透明度、折线形状、显示点、折线粗细
如果需要设置不同的形状，请在自定义系列中设置，设置项与上述相同
（4）X轴
X轴的设置包括：数据类型（分类、连续数值和时间）、轴线、轴文本、轴文本颜色、轴文本大小、轴文本旋转、轴刻度。
（5）Y轴
Y轴的设置包括：轴线、轴文本、轴文本颜色、轴文本大小、轴刻度。
（6）提示信息
提示信息指的是鼠标移动到组件上时显示的信息。
（7）图例
图例的设置包括图例位置、文字颜色和文字大小。
（8）内边距
内边距可以设置组件中心距离上下左右边框各自的位置，单位为px。
（9）三维空间旋转
可输入任意数值，数值对应角度向X轴/y轴旋转。
（10）大小和位置
通常我们可以通过直接点击和拖动组件来设置大小和位置，在这里也可以通过直接输入X坐标、Y坐标、宽和高来设置。
（11）标题
标题的设置包括：标题文字、文字颜色、背景色、文字对齐方式、文字大小以及标题文字字体的选择。
（12）边框设置
边框的设置包括：边框颜色、边框宽度和边框样式。
（13）背景设置
组件默认没有背景颜色，如果需要设置背景颜色，可以在这里进行设置，也可以将背景设置为一张图片。
（14）展示动画
动画效果可以对持续时间、延迟时间和间隔时间进行设置。
需要注意的是，未开启循环播放时，动画只在启动全屏时播放一次，开启循环播放之后才会按照间隔时间循环播放动画。
【温馨提示】循环播放是高级版功能，非高级版套餐无法使用该功能。