5.8.2.2 折线图

由用户 yinshi 在 2024/10/23 06:02 保存的版本 4.1

【使用场景】

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

【功能简介】

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

1729663152165-172.png

一个折线图的构成包括:

  1. 横轴 (X 轴):

    1. 定义: 折线图中的横轴是水平方向上的轴线,通常用于表示数据的分类或者时间等连续性变量。

    2. 含义: 横轴通常表示自变量,即数据的分类或者时间序列。在折线图中,横轴上的数值或分类标签决定了折线图中每个数据点的横坐标位置。

  2. 纵轴 (Y 轴):

    1. 定义: 折线图中的纵轴是垂直方向上的轴线,通常用于表示数据的数值或者数量。

    2. 含义: 纵轴通常表示因变量,即与自变量相关联的数值或数量。在折线图中,纵轴上的数值决定了折线图中每个数据点的纵坐标位置。

  3. 点:

    1. 定义: 折线图中的点是由数据组成的离散的数据点,代表着某个具体的数据值。

    2. 含义: 每个点代表了横轴和纵轴上特定位置的数据值。在折线图中,连接所有点的折线可以展现数据的趋势和变化。

  4. 线:

    1. 定义: 折线图中的线是由连接数据点而成的直线,用于将各个数据点串联起来形成折线。

    2. 含义: 折线代表了数据的变化趋势,通过线的走势可以直观地展现数据的增长、减少或者波动情况。

【基本要求】

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

横轴纵轴分组参考线
最多1个字段可选多个字段,最多30个字段最多1个字段可选多个字段,最多30个字段
【配置步骤】

Step-1 选择图形

创建报表,选择折线图,如图:

1729663321225-837.png

Step-2 选择图表展示字段

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

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

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZjQ4ZTRmYWQ1ZjZkMzEzNjNkNDIxNzZmYTI2ODI1MjlfYzl3eW9DdG1RdEdaS091eFBPRWwxcGNvam5Ma0I4SUdfVG9rZW46RmZSV2JMYlJhbzlRYXF4aE92ZmNXNHFXbm1kXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA

Step-3 样式设置

分为三小类:【基础】、【坐标轴】,【图例】,如下图

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZTdjYzMyZGZmN2FjNDZkMWNlMzA5YzM5ZTZjZWNmYWNfek1uOHgzbEwxRk1NMHUwdFVrUm5FRzJ2VjlqN3NKWkpfVG9rZW46U3l6MWJpWmVIb2oyVGx4ZEhGemNTQlAxblFlXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA

样式设置

 

样式设置分类

配置项

形态

 

折线图

 

基础

 

显示标题

开关

默认开启

标题名称

输入框

默认输入:折线图

帮助文字

开关

默认关闭

帮助文字内容

输入框

占位提示:请输入

折线图类型

选项卡

默认选中“折线”

配色方案

按钮或下拉

 

显示缩略轴

开关

默认关闭

启用导出

开关

默认打开

导出格式

多选

同柱状图

展示点

开关

默认打开,关闭后画布上不显示折线的每个描点

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=OGU1N2I2NzVkMTYxNTI4YjE2NGU4NTUyMGQzOTZjNzNfajFIMVF3VEh4QkN5b1NuSUkxZ2FUWWo0aGJtOVNjWE9fVG9rZW46TjJndmJmQTBzb3dMdjd4R1lPb2NXU1p2blpSXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA

 

点大小

下拉

默认4,单位px(原型中隐藏了单位),选项:2,4,6,8,10

展示线

开关

默认打开,关闭后,折线消失,只显示点(看上去像散点图)

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZGQ4MmQzNWM4YmVjNmRiMGEzMGJlZWY2NDQxZmZhMmVfaUppWHBzcGp4UUpvZTJBQUJqV3Vnc2J5dXgzVzVSZWZfVG9rZW46UUpsaGJia0Nab0hWWER4dWlwYWN4VUNnbmJoXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA

 

线粗细

 

下拉

默认2,单位px(原型中隐藏了单位)选项:1,2,3,4,5,6

填充

 

开关

默认关闭, 打开后每个点向下填充半透明的颜色到X轴,效果如下:

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZmM4OTY5NzY1MmNmZDcxOTQ1ZGUyOTM3ZmFkYjZmZjZfVGtCSnF0M0MycTd1dUVUOFdPcmNQT3BPcU1oZ0NTcHFfVG9rZW46TXRueGJsV0NZb2hIYzF4cHZLZWNQS1RtblBnXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA

 

坐标轴-X轴

 

显示轴标题

 

开关

默认开启

标题内容

 

输入框

显示轴标题开启后显示,这里没写标题文字的情况下,默认显示横/纵轴上第一个字段的名称

颜色字号

拾色器+下拉

默认:黑色,12号字

轴标签

开关

默认开启

颜色字号

颜色字号

默认:黑色,12号字

(轴标签)自动旋转

勾选框

默认勾选

 

 

 

坐标轴-Y轴

 

显示轴标题

 

开关

默认开启

 

标题内容

输入框

显示轴标题开启后显示,这里没写标题文字的情况下,默认显示横/纵轴上第一个字段的名称

颜色字号

拾色器+下拉

默认:黑色,12号字

轴标签

开关

默认开启

(轴标签)自动旋转

勾选框

默认勾选

颜色字号

颜色字号

默认:黑色,12号字

刻度数

输入框

默认值:6, 即:标识Y轴默认有6个刻度

 

 

 

 

图例

 

显示图例

开关

默认开启

 

图例位置

八宫格

默认选中:左上角

 

颜色字号

拾色器+下拉

默认:黑色,12号字

(注意:这里指的是图例中文字Label的颜色和字号)