1.1 应用场景

面积图-折线图可以直观地反映数据量的大小并进行比较，适用于计划和实际的对比场景。

1.2 预期效果

例如，求生产中计划成本与实际成本的对比，用浅色面积图表示计划成本，深色折线图表示实际成本，方便观察成本消耗是否异常。

面积图-折线图展示效果如下图所示：

1.3 实现思路

当纵轴中拖入多个指标字段时，每个指标的图形是可以单独设置的。如下图所示：

• 在「全部」中设置的图形属性对所有指标生效。

• 在单个指标中设置的图形属性只对该指标生效。

注：图形属性相关设置请参见：图形属性

此时，用户可自定义组合图。

2.1 准备数据

打开FineBI，在「我的分析」下选择某个文件夹，点击「新建分析主题」，上传本地Excel数据并点击「确定」。如下图所示：

示例数据：生产成本表.xlsx

2.2 创建组件

1）点击左下角「组件」按钮。如下图所示：

2）图表类型下选择「自定义图表」，将「年月」字段拖入横轴，「生产成本-计划」和「生产成本-实际」字段拖入纵轴。如下图所示：

2.3 更改形状

在「图形属性」下，更改指标对应形状，「生产成本-计划」为「面」，「生产成本-实际」为「线」。如下图所示：

2.4 美化图表

2.4.1 调整样式

1）在「图形属性」下点开「连线」，分别将两个指标连线「样式」调整为「曲线」。如下图所示：

2）将「生产成本-实际」字段「标记点」设置成「无」，使图表更简洁。如下图所示：

2.4.2 设置颜色

在「图形属性」下将「生产成本-计划」指标的「颜色」设置为浅色，以增强对比效果。如下图所示：

2.5 效果查看

2.5.1 PC端

效果如下图所示：

2.5.2 移动端

App 及 HTML5 端效果如下图所示：