最新历史版本 :自定义折线图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

双轴折线图,一般适用于以下场景:

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

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

如下图所示:

11.png

1.2 图表特点

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

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

2. 示例编辑

2.1 新建模板

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

新建普通报表.png

2.2 准备数据

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

1.png

2.3 插入图表

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

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

2.png

2.4 绑定数据

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

3.png

2.5 设置样式

1)设置标题

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

4.png

2)设置图例

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

5.png

3)设置系列

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

6.png

4)设置坐标轴

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

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

7.png

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

8.png

5)设置背景

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

9.png

2.6 效果预览

1)PC 端

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

11.png

2)移动端

App 和 HTML5 端均支持,效果如下图所示:

移动端.jpg

3. 模板下载编辑

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