组合图

更新时间:

一、 功能概述

组合图(Combination Chart)是Quick BI中一种功能强大的可视化组件,它允许用户在同一个图表区域内叠加和组合多种基础图表类型,如线图、柱状图和面积图。其核心价值在于能够同时展示具有不同量级、不同单位或不同业务含义的数据序列,并通过共享类别轴(通常是时间轴)进行对比分析。组合图最为显著的特点之一是支持双Y轴(主值轴和副值轴),这使得量级差异较大的指标也能在同一视图中清晰呈现,避免了某一指标因数值过小而被另一指标“淹没”的情况。

此外,组合图不仅支持常规的图表类型组合,还能处理更复杂的场景,例如堆积混合图(如堆积柱状图与折线图组合)和百分比堆积混合图,从而深入揭示数据的构成、趋势和相对关系。这种灵活性使得组合图成为进行多维度、多指标对比分析和趋势洞察的理想选择。

主要优势:

  • 多指标同图展示: 可以在一个图表中同时比较多个具有不同业务含义或数据特征的指标,例如同时展示销售额(柱状图)和利润率(折线图)。

  • 解决量级差异: 通过双Y轴(主值轴和副值轴)功能,可以将量级差异悬殊的指标分别映射到不同的数值轴上,确保每个指标都能清晰可见,避免小量级数据被大量级数据覆盖。

  • 丰富的图表类型组合: 支持将线图、柱状图、面积图等基本图表类型自由组合,并为每个数据系列指定不同的图表形态。

  • 支持堆积与百分比堆积: 能够创建堆积柱状图/面积图与线图的组合,或者百分比堆积柱状图/面积图与线图的组合,用于分析构成和占比变化。

  • 强大的分析能力: 继承了Quick BI基础图表的分析能力,如一键配置同环比、累计计算、智能辅助线、趋势线预测、异常检测等。

  • 灵活的视觉配置: 提供广泛的样式配置选项,包括图表方向、对齐方式、线条样式、柱体宽度、颜色方案、图例、数据标签、缩略轴等,满足个性化的可视化需求。

典型应用场景:

组合图非常适用于需要在一个统一视图下观察和比较多个相关但性质不同的数据集的场景,尤其是在数据随时间或其他连续维度变化时。

  • 销售业绩分析: 同时展示月度销售额(柱状图,主轴)和同比增长率(折线图,副轴),直观了解销售规模和增长趋势。

  • 市场营销活动效果评估: 对比广告投入金额(面积图,主轴)、带来的网站访问量(柱状图,主轴)以及最终转化率(折线图,副轴)。

  • 生产与质量监控: 同一时间轴上展示产量(柱状图)、设备利用率(线图)和次品率(另一条线图,可能使用副轴)。

  • 财务指标分析: 将收入(堆积柱状图,按产品线堆积)、成本(线图)和净利润(另一条线图)放在同一图表中进行对比。

  • 网站运营数据监控: 同时展示每日新增用户数(柱状图)、活跃用户数(面积图)和用户平均在线时长(折线图)。

效果图示例:

image.png

二、 使用限制

为了确保组合图能够正确配置并有效展示,请注意以下字段配置要求:

  • 主值轴/度量 (Primary Value Axis/Measure):

    • 至少需要指定 1个 度量字段。这些度量将使用图表的左侧Y轴(主轴)。

  • 副值轴/度量 (Secondary Value Axis/Measure):

    • 可以选择配置,也可以不配置。如果配置,这些度量将使用图表的右侧Y轴(副轴)。

    • 主值轴和副值轴加起来至少需要有1个度量。

  • 类别轴/维度 (Category Axis/Dimension):

    • 至少需要指定 1个 维度字段。这个维度通常是时间字段(如订单日期)或其他有序的类别,构成图表的X轴。

  • 颜色图例/维度 (Color Legend/Dimension) (可选):

    • 最多只能选择 1个 维度字段。

    • 当主值轴或副值轴上仅配置了1个度量字段时,可以通过将一个维度字段拖拽至此区域,用不同的颜色来区分该维度下不同维值的数据系列(例如,按“运输方式”区分订单金额)。

三、 操作步骤

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

图表数据配置

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

    • 度量列表中,找到订单金额,双击或拖拽至主值轴/度量区域。

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

    • 维度列表中,找到订单日期(year),双击或拖拽至类别轴/维度区域。

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

image..png

  1. (可选)当您只需查看城市中某几个城市的数据,可以设置过滤器,筛选出需要的数据。image

  2. 自动刷新

设置该选项后,系统自动刷新图表数据。例如,选中该选项并设置时长为5,单位选择分。则每间隔5分钟,系统自动刷新该图表。

图表样式配置

  • 您可以在图表设计的字段页签,更改图表样式。

本例中,将副值轴/度量的利润金额呈现方式选择为线线-311

您也可以将鼠标悬浮至常规上,更改图表的堆积方式。常规-311

您可以在配置区顶部的搜索框中输入关键字快速查找配置项进行配置。同时单击右侧image..png图表支持操作展开/收起全部类别。

柱体..gif

  • 在绘图区域中,设置组合图样式。

image..png

图表配置项

配置项说明

配色设置

您可以为组合图设置配色。

图表展示方向

支持选择图表展示方向为水平或垂直。

图表对齐方式

图表展示方向为垂直时,您可以设置图表对齐方式为左对齐或右对齐。

image..png

线条

您可以配置线条的样式,支持选择线条类型为曲线或直线,配置线条的线型及粗细,选择是否显示标记点以及标记点的样式,空值处理方式。

image

柱体

您可以设置柱体的宽度。

条形图主题宽度..gif

移动端默认选中

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

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

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

image..png

名称

配置项

说明

X轴

显示X轴

设置是否显示X轴。

显示标题和单位

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

显示轴标签

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

展示内容

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

image.png

显示刻度线

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

显示坐标轴

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

显示网格线

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

左Y轴

Y轴刻度翻转

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

组合图-Y轴翻转..gif

显示左Y轴

设置是否显示左Y轴。

显示标题和单位

设置是否显示轴标题单位

显示轴标签

设置左Y轴上是否显示标签及轴标签显示格式设置。

显示刻度线

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

显示坐标轴

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

显示网格线

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

轴值范围与间隔

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

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

99.gif

说明

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

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

    • PC端配置

image..png

图表配置项

配置项说明

位置

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

image

文本

设置图例文本样式。

  • 移动端配置

image.png

图表配置项

配置项说明

位置/多行等分展示

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

Untitled.gif

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

image.png

位置/一行平铺展示

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

Untitled.gif

指标展示

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

Untitled.gif

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

image..png

图表配置项

配置项说明

全量显示

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

文本

设置标签文本样式。

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

image.png

图表配置项

配置项说明

展示方式

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

内容

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

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

当副值轴/度量拖入字段时,您可以分别设置左Y轴和右Y轴的内容。

背景色

设置背景颜色。

文本

设置提示文字样式。

说明

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

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

image

说明

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

图表配置项

配置项说明

请选择系字段

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

别名

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

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

线条样式

设置图表中线条的线型及粗细。

说明

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

显示标记点

设置是否显示图表中线条的标记点,支持设置标记点显示为圆、空心圆、菱形和空心菱形。

说明

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

显示数据标签

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

数值显示格式设置

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

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

显示最值

显示组合图上最大值和最小值的标签。

说明

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

  • 在辅助展示中,设置缩略轴显示方式。

image..png

图表分析配置

配置项

名称

说明

数据交互

钻取

当您已在字段面板设置完成钻取字段时,可以在此处设置钻取层级行展示样式。

联动

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

跳转

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

分析预警

辅助线

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

趋势线

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

智能洞察

预测

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

异常检测

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

波动分析

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

说明

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

标注

-

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

四、 常见问题 (FAQ)

问:我的两个度量指标数值差异非常大,放到一个Y轴上,小的那个几乎看不见了,怎么办?答:这就是组合图双Y轴功能要解决的核心问题。您需要将其中一个度量字段(通常是数值较小的那个,或者单位与另一个完全不同的那个)拖拽到“副值轴/度量”配置区域。这样,这个度量就会使用图表右侧的Y轴(副轴),它会有自己独立的刻度范围,从而清晰可见。

问:如何在组合图中将一个指标显示为柱状图,另一个指标显示为折线图?答:在“字段”配置页签中,找到您拖入“主值轴/度量”或“副值轴/度量”的这两个度量字段。鼠标悬浮或点击每个度量字段,通常会有一个下拉菜单或图标允许您更改其“呈现方式”或“图表类型”。将一个设置为“柱图”,另一个设置为“线图”即可。

问:我想在组合图中实现堆积柱状图的效果,同时再叠加一条折线,如何配置?答:首先,确保所有要参与堆积的柱状图度量都放在同一个值轴上(主值轴或副值轴)。然后在字段配置区,找到这些度量字段的组合方式设置(可能在轴的总体设置或多个度量字段的父级设置中),将其从“常规”更改为“堆积”。之后,将要显示为折线的度量字段配置为“线图”类型,它可以放在同一个轴上,也可以放在另一个轴上。

问:组合图的图例项太多,显得很拥挤,有什么办法优化吗?答:在“样式”->“图例”配置中,您可以尝试:

  1. 调整图例的位置,比如放到图表下方或侧边,看是否能获得更多空间。

  2. 如果图例项名称过长,检查是否有文本自动换行最大宽度限制的选项。

  3. 对于移动端,利用“多行等分展示”或“一行平铺展示”(配合滚动)等移动端专属优化选项。

  4. 如果某些系列不是分析重点,可以考虑在图例中默认不勾选(如果支持交互隐藏),或者在数据层面进行筛选或聚合,减少系列数量。

问:如何为组合图中的不同系列(比如柱子和线)设置不同的颜色?答:在“样式”->“绘图区域”的“配色设置”中,通常可以选择预设的颜色方案,或者进入自定义模式,为每个数据系列(对应一个度量或颜色图例维度下的一个维值)单独指定颜色。另外,在“系列设置”中,也可以针对选定的系列调整其颜色。

五、 后续步骤

  • 分享仪表板: 当您完成组合图的配置并将其满意地放置在仪表板上后,如果需要他人查看或协作,您可以将整个仪表板分享给特定的用户或用户组。

  • 创建数据门户: 对于需要构建结构更复杂、带有导航菜单、用于专题类分析或业务监控的数据应用场景,您可以将包含此组合图的仪表板进一步集成到Quick BI的数据门户中,提供更统一和专业的访问体验。