折线图

​

1. 简介

​

1.1 功能简介

折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。 一个折线图的构成包括：

• 横轴：表示时间
• 纵轴：表示数值
• 点：表示各个数据的位置
• 线：连接各个数据点

亮点：可以自行控制组件的大小和随意移动组件位置（靠左、居中、靠右）

​

1.2 使用场景

在折线图中，一般水平轴（X轴）用来表示时间的推移，并且间隔相同；而垂直轴（Y轴）代表不同时刻的数据的大小。如下图展示了随着时间推移，每月销售额的变化。

​

1.3 基本要求

要实现折线图的效果，基本要求如下 。

​

2. 操作步骤

​

2.1 选择组件，配置数据集

创建报表，添加折线图组件，选择一个数据集，如图： 添加数据集

​

2.2 选择图表展示字段

将右边的字段拖动放到【横轴】、【纵轴】、【分组】、【参考线】上

​

横轴

• 展示折线图的 X 轴

​

纵轴

• 展示折线图的 Y 轴

​

分组

• 当纵轴只有一个选项时，支持配置分组，按分组维度进行展开显示；当纵轴为多值时，不支持配置分组。

​

参考线

• 每个参考线是一个具体数值；支持配置多条参考线用于数据对比

​

条件过滤

• 根据配置指定条件，对图表中展示的数据进行过滤后再显示

可以直接选择数据集下的字段，也可以通过公式生成，如何使用公式请查看报表公式 选择数据

​

2.3 样式设置

分为七小类样式配置、横轴、纵轴、图例、标签、缩略轴、提示信息 样式

​

2.3.1 样式配置

支持调整折线的颜色、数据调整（堆叠与百分比堆叠）、曲线、展示点（点大小与点开关）宽度、展示线（支持关闭线的显示、折线粗细设置）、展示面（开启配置成面积图） 注：当纵轴有多个字段时，颜色才生效 自定义颜色支持写英文或 16 进制颜色值：#5894FF，多值用英文逗号隔开 样式配置

​

2.3.2 横轴

常用的一些基础配置，都可以实际体验来查看效果，如图： 横轴设置

​

2.3.3 纵轴

常用的一些基础配置，和横轴的设置大同小异，如图： 纵轴设置

​

2.3.4 图例

支持开启与关闭，开启后支持调整位置与是否分页（默认是开启） 图例设置

​

2.3.5 标签

支持开启与关闭，开启后支持调整位置，字号大小，颜色（默认是黑色） 标签设置

​

2.3.6 缩略轴

支持开启与关闭，开启后支持调整起始与结束范围（范围值在 0 与 1 之间），如下图 设置缩略图

​

2.3.7 提示信息

支持开启与关闭，开启的效果：

​

3. 更多信息

此处为语雀内容卡片，点击链接查看：https://www.yuque.com/go/doc/49490921