1. 概述编辑
1.1 应用场景
双轴折线图,一般适用于以下场景:
一个图表几个系列的数据单位不相同,相差较大。
希望 Y轴 可以设置左右两个维度,例如,一个按照数字,一个按照百分比。
如下图所示:
1.2 图表特点
优点:能够较好地展现有不同数据类型或单位的线条数据。
缺点:不适用展示过多折线。
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 端均支持,效果如下图所示:
3. 模板下载编辑
点击下载模板:双轴折线图.cpt