自定义折线图

1.1 应用场景

双轴折线图，一般适用于以下场景：

• 一个图表几个系列的数据单位不相同，相差较大。

• 希望 Y轴 可以设置左右两个维度，例如，一个按照数字，一个按照百分比。

如下图所示：

1.2 图表特点

优点：能够较好地展现有不同数据类型或单位的线条数据。

缺点：不适用展示过多折线。

2.1 新建模板

新建一张普通报表。如下图所示：

2.2 准备数据

新建内置数据集：销量与毛利率，记录了月份、销量和毛利率之间的关系。如下图所示：

2.3 插入图表

合并一片单元格，插入「折线图>自定义」，如下图所示：

注：自定义折线图与折线图和堆积折线图相比，「样式>系列」下多出一个「堆积和坐标轴」设置项，且此设置项下默认添加了一个「堆积和坐标轴」。

2.4 绑定数据

选中图表，选择「单元格元素>数据」，数据集来源为「数据集数据」，数据集为：销量与毛利率，分类选择「年月」，系列名使用选择「字段名」，选择字段「销量、毛利率」，如下图所示：

2.5 设置样式

1）设置标题

选中图表，选择「单元格元素>样式>标题」，输入文本：双轴折线图，位置选择「靠左」，如下图所示：

2）设置图例

选中图表，选择「单元格元素>样式>图例」，位置选择「靠上」，如下图所示：

3）设置系列

选中图表，选择「单元格元素>样式>系列」，配色方案选择「自定义组合色」，系列1 为 蓝色 ，系列2 为 绿色 ，标记点半径设置为 3px ，堆积和坐标轴保持默认设置，如下图所示：

4）设置坐标轴

选中图表，选择「单元格元素>样式>坐标轴」，为了更好地区分各个坐标轴，需要对 Y轴 及 Y轴2 进行设置。

Y轴：选择显示轴标题，内容为：销量，轴标题字符颜色自定义为与 系列1 相同的蓝色，选择显示轴标签，轴标签字符颜色同样自定义为与 系列1 相同的蓝色，如下图所示：

Y轴2：选择显示轴标题，内容为：毛利率，轴标题字符颜色自定义为与 系列1 相同的绿色，选择显示轴标签，轴标签字符颜色同样自定义为与 系列1 相同的绿色，如下图所示：

5）设置背景

选中图表，选择「单元格元素>样式>背景>绘图区」，网格线横向选择「实线」。如下图所示：

2.6 效果预览

1）PC 端

保存报表，点击「分页预览」，效果如下图所示：

2）移动端

App 和 HTML5 端均支持，效果如下图所示：

点击下载模板：双轴折线图.cpt