线图

更新时间:
复制 MD 格式

线图适用于分析数据随时间变化的趋势。例如,分析商品销量随时间的变化,预测未来的销售情况。本文为您介绍如何为线图添加数据并配置样式。

前提条件

已创建仪表板,请参见新建仪表板。

图表概述

使用场景

  • 趋势类组件可以显示随时间(根据常用比例设置)而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。

  • 在折线图中,可以得出数据随时间变化的结论,例如数据随时间递增、数据随时间递减、数据是否呈现周期性变化、数据呈指数性增长等,也可以进行多条折线图的对比。

优势简介

  • 计算能力:一键配置同环比、累计计算,智能辅助线、趋势线、预测走势、异常点检测、波动分析。

  • 可视化效果:支持曲线图、折线图效果,可显示标签、图例、缩略轴等配置。

  • 数据对比标注能力:支持对数据进行同期对比、并进行数值标注。

效果图示例

image

使用限制

线图由类别轴/维度、值轴/度量、颜色图例/维度和拆分/维度组成:

  • 类别轴由数据的维度决定,至少选择1个维度。例如日期、省份或产品类型。

  • 值轴由数据的度量决定,至少选择1个度量。例如订单数量。

  • 颜色图例由数据的维度决定,只能选择1个维度。例如运输方式。

    说明

    当值轴上存在多个度量字段时,若颜色图例中拖入了自定义维度字段,此时需要开启图表内指标筛选器,才可在同一图表中切换查看各指标的数据情况。

  • 拆分维度由数据的维度决定,只能选择1个维度。例如产品类型、区域等。

图表字段配置

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

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

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

    说明

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

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

    image

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

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

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

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

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

    • 分面数量过多时可能会导致页面卡顿。为保证性能,建议分面数量不超过500个。

    image

图表样式配置

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

绘图区域

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

image

图表配置项

配置项说明

配色设置

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

可视化图表切换

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

线条类型

支持曲线和直线。

线条样式

设置线条的样式及粗细。

显示标记点

设置标记点的形状。

image

空值处理

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

移动端默认选中

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

分面

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

说明

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

image

图表配置项

说明

布局样式

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

共用坐标轴

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

111

显示分割线

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

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

列数

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

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

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

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

分面区块最小宽高

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

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

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

行列间距

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

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

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

拆分标签

位置

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

文本

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

对齐

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

坐标轴

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

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

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

  • 分面模式下,不支持使用显示双 Y 轴功能。

image

名称

配置项

说明

X轴

显示X轴

设置是否显示X轴。

显示标题和单位

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

显示轴标签

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

展示内容

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

image.png

显示刻度线

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

显示坐标轴

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

显示轴标签

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

显示网格线

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

Y轴

Y轴刻度翻转

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

Y轴刻度翻转..gif

显示左Y轴

设置是否显示左Y轴。

显示标题和单位

设置是否显示轴标题和单位。

显示轴标签

设置Y轴上是否显示标签,支持在显示的前提下设置轴标签显示格式及文本样式。其中,轴标签显示格式可选择自动及自定义两种模式。

  • 默认为自动模式。在此模式下,轴标签会继承度量字段的数据展示格式配置。当存在多个度量字段时,将以第一个字段的展示格式配置为准。

  • 在自定义模式下,点击image图标即可在数据展示格式设置弹窗中根据实际展示需求配置数据格式。关于弹窗中各配置项的说明可参考数据展示格式 > 自定义。

显示刻度线

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

显示坐标轴

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

显示网格线

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

轴值范围与间隔

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

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

    线图-坐标轴.gif

图例

在图例中,点击image图标即可开启图表图例,并设置图例样式。

  • PC端配置

    image

    图表配置项

    配置项说明

    样式

    设置图例图标的样式,支持设置为自动、仅直线、直线和标记点。111

    说明
    • 当选择为直线和标记点时,图例将同步图表中已设定的标记点样式,当未配置标记点样式时默认显示实心圆。

    • 当您在主题设计 > 通用内容样式中勾选了图例符号随文字缩放时,图例图标的大小及线条粗细将会根据图表线条粗细、图例文本大小进行同比例调整。

    位置

    设置PC端图例的显示位置及对齐方式。

    • 当显示位置选择为上、下时:支持选择居左、居中以及居右的对齐方式。

    • 当显示位置选择为左、右时:支持选择顶部、居中、底部的对齐方式。此时您还可以进一步设置图例与图表数据内容间的距离。

    文本

    设置PC端图例的文本样式,支持设置字体颜色、大小、粗细及是否倾斜。

  • 移动端配置

    image

    图表配置项

    配置项说明

    样式

    设置图例图标的样式,支持设置为自动、仅直线、直线和标记点。

    位置

    设置移动端图例的显示位置及对齐方式。

    • 当显示位置选择为上、下时:支持选择居左、居中以及居右的对齐方式。

    • 当显示位置选择为左、右时:支持选择顶部、居中、底部的对齐方式。此时您还可以进一步设置图例与图表内容间的距离。

    说明

    当位置选择为上时,可开启图例下标签。

    文本

    设置移动端图例中,度量名称的文本样式,支持设置字体颜色、大小、粗细及是否倾斜。

    显示标签内容

    当位置选择为上,点击image图标可开启图例下标签

    内容

    设置图例下标签展示的数据内容,支持选择占比、总计。

    • 占比:当前维度下,某一数据点占总数的百分比。例如:办公用品中,利润金额占总收入的百分比。当选择显示占比数据时,还可以在占比小数位数中进一步设置占比数据的小数为0、1、2位。

    • 总计:当前维度下,所有度量的总和值。例如:2025年,各地区销售额的总和值。

    样式

    设置图例下标签文本的排版方式,支持选择以下方式。

    • 多行等分:根据每行最多可展示中填入的列数,及每页最多可展示中填入的行数,自动等分排列标签。image

    • 一行平铺:所有标签内容在同一行显示。image

    • 纯文本:无图标仅展示文字内容,且文字颜色将跟随对应度量在图表中的线条颜色。image

    未选中时,指标展示为

    当样式选择为多行等分、一行平铺时,您可以进一步设置当报表查看者未选中图例时,如何处理其指标展示方式。支持选择显示为“-”或显示空。111

    占比位置

    当内容中选中了展示占比数据,且样式选择为多行等分、一行平铺时,您可以进一步设置占比数据的显示位置,支持选择位于数值标签的下方或右侧。111

    文本样式

    当样式选择为多行等分、一行平铺时,可进一步设置数值文本的样式。

    若内容中选择显示占比数据,支持为占比数据的文本设置格式,以区别于数值标签内容,增强不同数据间的视觉差异。

    文本全量展示

    当样式选择为多行等分时,可能会遇到度量名称过长而被隐藏的情况,此时如果您仍需要显示完整的度量名称,可勾选文本全量展示。

    显示工具提示字段

    勾选后,您在字段面板工具提示/度量中配置的字段将会在图例区域显示。image

    说明

    按维值拆分的场景(即颜色图例为维度)不支持展示工具提示字段。

数据标签

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

image

图表配置项

配置项说明

内容

当绘图区域中的可视化图表类型配置为堆积面积图、百分比堆积面积图时,您可以按需选择数据标签中展示的数据内容,支持选择度量、百分比、总计。

当选择显示百分比数据时,还可以在百分比小数位数中进一步设置百分比数据的小数为0、1、2位。image

全量显示

设置是否全量显示数据标签。开启后系统将智能调整标签位置,使标签之间不重叠展示。此时若数据标签过多,部分标签可能因超出坐标轴区域而无法显示。在数据标签全量展示基础上,还可以选择是否允许数据标签重叠。

位置

设置标签显示位置。

文本

设置标签文本样式。

工具提示

在工具提示中,点击image图标即可开启工具提示,并设置工具提示方式。

  • PC端配置

    image

    图表配置项

    配置项说明

    展示方式

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

    内容

    选择工具提示中展示的数据内容。不同配置条件下可选的展示内容不同:

    当展示方式为按单数据点时,支持占比;当展示方式为按维值时,支持总计和占比。

    • 占比:当前维度下,某一数据点占总数的百分比。例如:办公用品中,利润金额占总收入的百分比。当选择显示占比数据时,还可以在占比小数位数中进一步设置占比数据的小数为0、1、2位。

    • 总计:当前维度下,所有度量的总和值。例如:2025年,各地区销售额的总和值。

    背景色

    设置工具提示框的背景填充色。

    文本

    设置工具提示框中文本的样式,支持设置字体颜色、大小、粗细及是否倾斜。

  • 移动端配置

    image

    图表配置项

    配置说明

    悬浮气泡

    点击image图标即可开启悬浮气泡显示(①)

    内容

    设置悬浮气泡中展示的数据内容,支持选择占比、总计。

    • 占比:当前维度下,某一数据点占总数的百分比。例如:办公用品中,利润金额占总收入的百分比。当选择显示占比数据时,还可以在占比小数位数中进一步设置占比数据的小数为0、1、2位。

    • 总计:当前维度下,所有度量的总和值。例如:2025年,各地区销售额的总和值。

    背景色

    设置悬浮气泡的背景填充色。

    文本

    设置悬浮气泡中的文本样式,支持设置字体颜色、大小、粗细及是否倾斜。

    显示轴维度

    点击image图标即可开启轴维度显示(②)

    背景色

    设置轴维度标签的背景填充色。

    文本

    设置轴维度标签的文本样式,支持设置字体颜色、粗细及是否倾斜。

系列设置

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

image

说明

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

图表配置项

配置项说明

请选择字段

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

别名

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

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

线条样式

设置线图的线型及粗细。

说明

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

显示标记点

设置是否显示标记点,勾选后可进一步选定标记点的样式。

说明

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

显示数据标签

选择是否显示数据标签,并设置标签的位置、文本格式。

系列数值展示格式设置

配置系列数值的展示格式,支持选择自动或自定义。

  • 自动:默认为该项,此时系列数值会继承对应度量字段的数据展示格式配置。

  • 自定义:点击image图标即可在数据展示格式设置弹窗中根据实际展示需求配置数据格式。关于弹窗中各配置项的说明可参考数据展示格式 > 自定义。

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

显示最值

设置是否在图表中展示最值标签。勾选后,您可以在此设置最值标签在图表中的位置、展示内容(最大值/最小值)、标签背景填充色及标签文本样式。

说明

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

辅助展示

在辅助展示中,设置指标筛选以及视图控件的展示。

image

图表配置项

配置项说明

开启指标筛选展示

设置是否开启图表内指标筛选器,开启后可进一步设置默认选中的指标字段。

视图控件

当图表轴上数据量多且密集,导致当前容器大小无法完整展示所有数据时,您可以点击image图标开启图表视图控件,在保证数据完整性和可读性前提下,使报表查看者能通过滑动的方式动态调整图表可视范围,给予用户自由操作的体验。

支持通过以下两种控件类型来控制图表轴上的可视区范围:缩略轴、滚动条。

  • 选中缩略轴后,将在图表底部显示一条简化版的全量数据趋势图(即缩略轴),报表查看者可通过拖动选区来快速浏览全部数据或聚焦特定范围内的数据。缩略轴是绝对坐标,即:缩略轴选定的区间直接对应实际轴的固定数据条数,适用于对比分析场景,或需直接定位的复杂场景。image默认仅数据量超过图表容器可展示宽度时,才会显示缩略轴。如果您需要在图表中始终显示缩略轴,可勾选常驻显示。勾选后,即使图表数据未满屏,缩略轴也会始终展示。

  • 选中滚动条后,将在图表底部展示一条水平滚动条,报表查看者可以通过横向拖动滑块来左右移动视图窗口。滚动条是相对比例,即:滑块长度和位置由可视窗口与总数据范围的比例决定,适用于通用浏览场景。image您可以进一步设置滚动条的最小类别宽度,从而限制图表当前窗口内的数据量,以确保图表内容在可视区域内清晰刻度、避免数据标签重叠或数据点过度密集导致的视觉效果混乱。最小类别宽度默认为32px,取值范围为16-100px。

    设定最小类别宽度值后,当全量展示下图表分配的实际类别宽度小于该值时,将显示滚动条。启用滚动条后,图表元素及数据标签将被约束在坐标系的矩形区域内,超出部分(例如:标记点、数据标签等)将自动截断或调整位置以适配显示。

说明

如果图表未配置视觉控件,在图表尺寸过小时,系统会自动打开视觉控件,并选中缩略轴且显示逻辑为仅数据量超过图表容器可展示宽度时才会显示。

图表分析配置

配置项

名称

说明

数据交互

钻取

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

联动

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

跳转

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

高级设置

添加数据对比

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

image

分析预警

辅助线

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

趋势线

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

智能洞察

开启自动见解

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

预测

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

异常检测

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

波动分析

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

说明

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

标注

-

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

后续步骤

  • 当其他人需要查看仪表板时,您可以分享仪表板给特定的人,请参见分享仪表板。

  • 当您需要制作复杂的带导航菜单,用于专题类分析时,可以将创建好的仪表板集成到数据门户,请参见创建PC端数据门户。