线图

更新时间:

一、 功能概述

线图是Quick BI“线/面图类”组件中的核心图表类型,主要用于展示数据随连续维度(通常是时间)变化的趋势。通过将数据点连接成线,用户可以直观地观察数据的波动、增长、下降或周期性规律,从而进行趋势分析和未来预测。

主要优势:----ai味儿太浓

  • 趋势洞察清晰:能够清晰地展示数据在一个连续区间内的变化情况,尤其适用于时间序列数据。

  • 多系列直观:支持在同一图表中展示多条线,方便对比不同类别或系列数据的趋势。

  • 丰富的分析能力:Quick BI线图内置了强大的计算与分析功能,如一键配置同环比、累计计算、智能辅助线、趋势线预测、异常点检测和波动分析等。

  • 灵活的视觉配置:支持曲线与直线样式切换,可自定义标记点、线条样式、颜色方案,并配置图例、数据标签、缩略轴等,增强图表可读性。

  • 交互式探索:支持钻取、联动、跳转等交互操作,便于用户进行更深层次的数据探索。

典型应用场景:

  • 分析公司近几年的月度销售额、利润额的变化趋势。

  • 追踪不同产品类别在一段时间内的市场表现和增长率。

  • 监控网站每日/每周/每月的用户访问量、活跃用户数等关键指标。

  • 比较多个竞争对手在同一时间维度下的业绩表现。

二、 使用限制

为了确保线图的正确有效的展示,请注意以下字段配置要求:

  • 类别轴/维度:至少需要指定 1个 维度字段。该维度通常是日期、时间序列或其他有序的类别(例如,年龄分段)。

  • 值轴/度量:至少需要指定 1个 度量字段。该度量是您希望观察其趋势的数值(例如,销售额、订单数量)。

  • 颜色图例/维度(可选):最多只能选择 1个 维度字段。当值轴上仅有1个度量字段时,您可以通过将维度字段拖拽至此区域,以不同的颜色线条来区分展示该维度下不同维值的趋势。

三、 操作步骤

以下是创建和配置线图的基本步骤:

前提条件:您需要先在Quick BI中创建一个仪表板。

图表字段配置

  1. 在字段标签页,选择需要的维度字段和度量字段:

    • 维度列表中,找到产品类型,双击或拖拽至类别轴/维度区域。

    • 度量列表中,找到利润金额单价,依次双击或拖拽至值轴/度量区域。

说明

设置自动刷新,系统自动刷新图表数据,您可以按照业务需要设置。

  1. 单击更新,系统自动更新图表。

image

  1. (可选)您可以选择在拆分/维度中继续添加维度字段,以通过分面模式更直观地展示不同维值下的数据趋势。

说明

仅支持添加一个拆分维度字段,且分面模式存在如下功能限制。

  • 字段:对于拆分/维度中的字段,其高级计算功能仅支持配置 topN、无。

  • 样式:坐标轴不支持设置显示双 Y 轴;辅助展示不支持设置缩略轴。

  • 分析:仅支持设置数据交互,不支持高级设置、分析预警、标注、智能洞察。

image

图表样式配置

下面为您介绍图表的样式配置,图表通用的样式配置请参见配置图表标题区

绘图区域

在绘图区域中,设置线图样式。

image

图表配置项

配置项说明

配色设置

为线条配色,您可以使用系统配色方案,或自定义配色。111

可视化图表切换

设置图表类型,支持线图、面积图、堆积面积图、百分比堆叠面积图。

线条类型

支持曲线和直线。

线条样式

设置线条的样式及粗细。

显示标记点

设置标记点的形状。

image

空值处理

支持设置直接跨过、置为0,不断开和线条断开三种方式。

移动端默认选中

设置选中后,默认选中项支持选择全局最后一个维值或指定系列最后一个维值。

分面

分面模式下,在分面中,设置图表排列的布局及样式。

说明

仅当拆分/维度中配置了相关字段时,分面模式才生效。

image

图表配置项

说明

布局样式

设置图表排列布局,支持单列对比和网络分布两种模式。

共用坐标轴

设置图表是否需要共用同一坐标轴。

111

显示分割线

设置在图表与图表之间是否显示分割线。

当设置为显示状态,您可以进一步配置分割线的颜色及样式。111

列数

当布局样式选择为网络分布时,支持设置图表排列的列数。

默认为自动,您也可以根据实际需求自定义列数。111

说明

  • PC 端和移动端的排列列数需分别配置,您可以通过当前页面上方image切换配置的终端。

  • PC 端列数可配置范围为 1-6;移动端为 1-3。

分面区块最小宽高

设置每个图表的最小宽高,不同布局样式下支持配置的信息不同。

  • 单行对比、网格分布下开启自动列数:仅支持配置分面区块的最小宽度。

  • 网格分布下开启自定义列数:支持配置分面区块的最小宽度及高度。

行列间距

设置各图表间的行列间距。不同布局样式下支持配置的信息不同。

  • 单行对比:仅支持配置图表之间的列间距。

  • 网络分布:支持配置图表之间的行间距、列间距。

拆分标签

位置

设置维值标签的显示位置,支持设置在图表上方或图表下方。111

文本

设置维值标签的字体颜色及样式。111

对齐

设置维值标签的对齐方式。

坐标轴

在坐标轴中,设置坐标轴样式,默认选中显示坐标轴。

您可以勾选显示双Y轴,仅当添加的度量个数≥2个时,设置的双Y轴才生效。选中该选项,则在坐标轴区域会出现右Y轴

image

名称

配置项

说明

X轴

显示X轴

设置是否显示X轴。

显示标题和单位

设置X坐标轴上是否显示轴标题单位

显示轴标签

设置X轴上是否显示标签,以及轴标签显示规则、文本样式。

展示内容

设置展示内容为部分或全部维度。

image.png

显示刻度线

设置X轴上是否显示刻度线。

显示坐标轴

设置是否显示X轴,包括线型、线宽和颜色。

显示轴标签

设置X轴上是否显示标签。

显示网格线

设置X轴上是否显示网格线,包括线型、线宽和颜色。

Y轴

Y轴刻度翻转

您可以设置翻转Y轴刻度值。

Y轴刻度翻转..gif

显示左Y轴

设置是否显示左Y轴。

显示标题和单位

设置是否显示轴标题单位

显示轴标签

设置左Y轴上是否显示标签,以及标签与刻度范围、轴标签显示格式设置。

显示刻度线

设置左Y轴上是否显示刻度线。

显示坐标轴

设置是否显示左Y轴,包括线型、线宽和颜色。

显示网格线

设置左Y轴上是否显示网格线,包括线型、线宽和颜色。

轴值范围与间隔

  • 支持自动与手动设置左Y轴标签与刻度范围的最大值/最小值。

  • 支持设置自定义间隔按步长或按等分数量。

线图-坐标轴.gif

说明

仅当选中显示双Y轴时,需要配置右Y轴,参数配置同左Y轴

图例

在图例中,设置是否显示图例及图例样式。

  • PC端配置

image..png

图表配置项

配置项说明

位置

设置图例显示位置,支持以下四种图例呈现方式。

image

文本

设置图例文本样式。

  • 移动端配置

image.png

图表配置项

配置项说明

位置/多行等分展示

选择多行等分展示方式后可多行展示度量指标,例如:

Untitled.gif

当选择多行等分展示方式中度量名称较长被隐藏时,可通过文本显示完整功能实现,例如:

image

位置/一行平铺展示

勾选后可将多行度量指标改为,一行平铺的展示方式。

Untitled.gif

指标展示

指标未被选择时,展示效果默认为 “-”,可切换为“空”的展示效果。

Untitled.gif

数据标签

在数据标签中,设置是否显示数据标签以及标签样式。

image..png

图表配置项

配置项说明

全量显示

设置是否全量显示数据标签。

位置

设置标签显示位置。

文本

设置标签文本样式。

工具提示

在工具提示中,设置工具提示方式。

image

图表配置项

配置项说明

展示方式

设置提示信息展示方式,支持按单数据点、按维值两种方式。

内容

展示方式为按单数据点时,支持占比;

展示方式为按维值时,支持总计和占比。

背景色

设置背景颜色。

文本

设置提示文字样式。

说明

切换到移动端布局,支持控制移动端的工具提示是否展示。image.png

系列设置

在系列设置中,设置系列样式。

image

说明

仅当在字段配置面板中启用颜色图例/维度时,才需要在系列设置中设置别名和数值显示格式。

图表配置项

配置项说明

请选择字段

根据业务场景选择维度或度量项。

别名

设置贴合实际业务场景的字段名称。

该项仅当配置了颜色图例/维度时,才支持配置。

线条样式

设置线图的线型及粗细。

说明

堆积与百分比堆积不支持该功能。

显示标记点

支持设置标记点显示为圆、空心圆、菱形和空心菱形。

说明

堆积与百分比堆积不支持该功能。

显示数据标签

选择是否显示数据标签,并设置标签的颜色、位置。

数值显示格式设置

在选择显示数据标签的前提下,支持配置数据标签中数值的显示格式。您可以选择自动适配、自定义适配及手动输入三种格式。

该项仅当配置了颜色图例/维度时,才支持配置。

显示最值

设置是否显示线图上最大值和最小值的标签。

说明

堆积与百分比堆积不支持该功能。

辅助展示

在辅助展示中,设置指标筛选展示以及缩略轴。

image

图表配置项

配置项说明

开启指标筛选展示

设置是否开启,开启后设置默认选中指标字段。

显示缩略轴

设置缩略轴显示方式。

图表分析配置

配置项

名称

说明

配置项

名称

说明

数据交互

钻取

当您配置了图表的钻取功能时,可以对钻取层级行的展示样式进行配置。具体请参见钻取

联动

当需要分析的数据存在于不同的图表,您可以通过图表联动,把多个图表关联起来,形成联动进行数据分析。具体设置请参见联动设置与展示

跳转

当需要分析的数据存在于多个仪表板时,您可以通过仪表板跳转,把多个仪表板关联起来,进行数据分析。跳转包含参数跳转外部链接两种方式。具体设置请参见跳转设置与展示

高级设置

添加数据对比

当需要分析日期维度数据时,支持添加数据对比。若日期字段选择为日粒度,则支持勾选去年同期、上月同期、上周同期、前一天、自选结束日期进行数据对比。

image

分析预警

辅助线

通过辅助线可以查看当前度量值与辅助线设定值之间的差异。辅助线设定值分为固定值和计算值两种。计算值包含平均值、最大值、最小值和中位数四类。具体设置请参见辅助线

趋势线

通过趋势线可以展示当前数据的整体发展趋势。趋势线分为智能推荐、线性、对数、指数、多项式、幂函数六种。具体设置请参见分析预警

智能洞察

开启自动见解

开启后可以智能解读图表信息。

预测

通过预测可以查看当前数据的发展趋势,对数据进行分析预测。具体设置请参见分析预警

异常检测

通过异常检测可以查看当前数据的异常数据点。具体设置请参见分析预警

波动分析

波动原因分析通过机器智能算法自动拆解分析核心指标波动的原因。您可以拆解维度或度量来分析波动原因。具体设置请参见分析预警

说明

波动分析功能目前处于Beta版本。

标注

-

当图表中的数据存在异常或需要重点关注时,支持使用颜色高亮、图标、注释或数据点的方式行标注,帮助您识别异常并采取相应的行动。具体设置请参见标注

四、 常见问题 (FAQ)---要来自真实的客户faq

问:如何在线图中同时展示销售额和利润率两种不同量级的数据趋势?答:您可以在“值轴/度量”中添加“销售额”和“利润率”两个度量。然后在“样式”->“坐标轴”设置中,勾选“显示双Y轴”,并将其中一个度量(如“利润率”)指定到右Y轴。这样,两个度量将使用各自的刻度范围,便于清晰对比。

问:我的日期数据不连续,线图上出现了断裂,如何处理?答:在“样式”->“绘图区域”设置中,找到“空值处理”选项。您可以根据需求选择“直接跨过”(连接断点两端)、“置为0”(将空值视为0连接)或保持“线条断开”。

问:如何快速查看某个产品类别相比去年同期的销售增长情况?答:首先确保您的“类别轴/维度”中有日期字段,并且“颜色图例/维度”或“值轴/度量”中区分了产品类别。然后在“样式”面板的分析功能区(通常在“高级设置”或类似区域),使用“添加数据对比”功能,选择合适的日期粒度(如月、季度)和对比类型(如同比)。

问:线图上的数据点太多,显得很密集,如何优化?答:有几种方法:

  1. 在“样式”->“绘图区域”,取消勾选“显示标记点”,或选择较小的标记点形状。

  2. 在“样式”->“数据标签”,关闭数据标签的显示,或仅在高亮、最值等关键点显示。

  3. 如果数据量非常大,可以考虑适当聚合数据(例如,从每日数据聚合到每周或每月数据)再进行展示。

  4. 使用“样式”->“辅助展示”中的“显示缩略轴”,让用户可以聚焦于感兴趣的时间段。