柱图

更新时间:

功能概述

  柱图是Quick BI中隶属于“柱/条图类”的一种基础且常用的可视化组件。它主要通过垂直柱子的高度来表示数值的大小,非常适用于比较不同类别数据之间的差异、展示数据随分类或时间(离散)的变化趋势,以及进行数据的分布分析

核心优势

  柱图在于其简单直观,用户可以通过柱子的高低快速比较数值大小,轻松识别关键数据点和模式。Quick BI中的柱图功能强大,支持:

  • 多种形态:包括基本柱图、堆积柱状图(显示总量及构成)、百分比堆积柱状图(显示各部分占比)。

  • 丰富的样式配置:可自定义柱体宽度、圆角、颜色(支持渐变)、图形填充(用图标代替柱子)、标签、图例、坐标轴(支持双Y轴)、缩略轴等。

  • 便捷的计算能力:支持快速配置同环比、累计计算。

  • 增强分析功能:支持添加辅助线、趋势线,进行数据标注、交互式钻取、联动、跳转,以及智能洞察(如预测、异常检测)等高级分析。

典型应用场景

适用于直观对比离散类别数据差异,如月度销售额、产品销量排名、地区业绩分布。

使用限制

为确保柱图的正确配置和展示,请注意以下使用限制:

  1. 字段配置要求

    • 类别轴/维度:至少需要拖入 1个 维度字段,用于定义柱子的分类依据(如省份、产品类型)。

    • 值轴/度量:至少需要拖入 1个 度量字段,用于决定柱子的高度(如订单数量、利润金额)。

    • 颜色图例/维度最多只能 拖入 1个 维度字段,用于对同一类别下的柱子按该维度进行颜色区分(如运输方式)。注意:只有当 值轴/度量 区域仅有1个度量字段时,才能启用颜色图例/维度。

  2. 分面模式限制

    • 当在 拆分/维度 区域添加了字段(仅支持1个字段添加)以启用分面模式(即将图表按该维度拆分成多个子图)时:

      • 该拆分字段的高级计算仅支持TopN或无。

      • 样式配置中,坐标轴不支持设置双Y轴,辅助展示不支持设置缩略轴。

      • 分析功能中,仅支持数据交互(如联动),不支持高级设置、分析预警、标注、智能洞察等。

  3. 图形填充限制

    • 使用“图片字段”进行图形填充时,数据集中必须包含该图片字段,且字段类型已正确设置为“图片”。

操作步骤

在仪表板编辑模式下,添加并配置柱图的主要步骤如下:

添加图表

  • 在仪表板编辑界面的左侧图表列表中,找到“柱/条图类”。

  • 选择对应“柱图”并将其拖拽到画布上。

配置数据字段

  • 选择维度和度量

    • 从左侧“数据”面板的字段列表中,将所需维度字段(如“省份”)拖拽到“类别轴/维度”区域。

    • 将所需度量字段(如“运输成本”)拖拽到“值轴/度量”区域。

    • (可选)将一个维度字段(如“产品类型”)拖拽到“颜色图例/维度”区域,或将一个维度字段拖拽到“拆分/维度”区域。
      image

  • 理解多字段效果

    • 值轴有多个度量时,默认显示第一个,可通过图表交互或“指标筛选展示”切换。
      image

    • 类别轴有多个维度时,会按维度组合展示柱子(柱子数量=区域维值个数*订单等级维值个数)。
      image

    • 类别轴和颜色图例使用相同字段时,可为不同维值单独赋色。
      image

  • 设置过滤器:点击“过滤器”区域,可以添加条件筛选需要展示的数据。
    image

  • (可选)配置自动刷新:设置图表按固定时间间隔自动更新数据(开通后可能会导致频繁查询数据库影响数据库使用,请谨慎开启!)。例如,选中该选项并设置时长为5,单位选择分。则每间隔5分钟,系统自动刷新该图表的数据。

  • (可选)启用分面:将维度字段拖入“拆分/维度”区域。
    image

  • 更新图表:完成字段配置后,点击“更新”按钮。

image

配置图表样式

  • 您可以使用顶部的搜索框快速定位配置项,或点击展开/收起按钮管理所有类别。

柱图..gif

  • 绘图区域:绘图区域中,设置柱图样式。

    • 整体功能界面

image

图表配置项

配置项说明

配色设置

您可以为柱体设置整体配色,支持开启渐变效果并设置柱体的透明度。

可视化图表切换

设置图表类型,支持柱图、堆积柱状图、百分比堆积柱状图111

柱体宽度、圆角

您可以设置柱体的宽度及圆角值。111

堆积百分比堆积

支持柱图、堆积柱状图和百分比堆叠柱状图的切换。

111

图形填充

可视化图表切换柱图时,可用具备数值含义的图标填充柱体区域,此时建议关闭度量轴。支持选择素材图片字段进行填充。

  • 素材:为每个维值设置不同的图形图案,支持选择系统内置素材和上传自定义图片。111

  • 图片字段:选择数据集中图片字段的图片进行填充,以类别轴维度作为分组依据,当同一个值下有多个图片时,默认选取第一个。

说明

仅当数据集中包含图片字段,且字段类型为图片类型(2)时,才能使用图片字段,具体说明请参见图片维度在指标看板中的应用

image

同时,您还可以在此设置单图形代表数值行数及是否压缩布局

  • 单图形代表数值:设置单个图形代表的数值大小。

  • 行数:默认为单行展示,仅支持展示1-5行。111

  • 压缩布局:在整体保持图形间距及大小比例的情况下,向度量轴方向压缩。启用压缩布局时,值轴将失去参考意义。111

移动端默认选中

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

  • 分面(仅当启用分面时可见):

    • 设置子图布局(单列/网络分布)、是否共用坐标轴、分割线、列数、最小宽高、间距、拆分标签样式等。
      image

图表配置项

说明

布局样式

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

共用坐标轴

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

111

显示分割线

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

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

列数

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

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

说明

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

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

分面区块最小宽高

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

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

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

行列间距

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

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

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

拆分标签

位置

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

文本

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

对齐

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

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

    • 您可以勾选显示双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轴标签与刻度范围的最大值/最小值

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

98.gif

  • 图例:设置图例的显隐、显示内容(尤其在图形填充时)、位置、文本样式(PC端)。移动端支持多行等分或一行平铺展示,以及长文本处理。

    • PC端配置

image..png

图表配置项

配置项说明

内容

类别轴区域中的字段与颜色图例区域相同,且在绘图区域中启用了图形填充时,图表中包含多个图例,您可以在此选择图例中需要展示的内容。111

位置

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

image

文本

设置图例文本样式。

  • 移动端配置

image.png

图表配置项

配置项说明

位置/多行等分展示

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

Untitled.gif

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

  • 未勾选的效果:image

  • 勾选后的效果:image

位置/一行平铺展示

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

Untitled.gif

指标展示

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

Untitled.gif

  • 数据标签:设置是否显示标签、显示规则(如全量显示)、位置、文本样式。

    • image..png

图表配置项

配置项说明

全量显示

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

位置

设置标签显示位置。

当在绘图区域中启用图形填充时,仅支持选择图形外侧

文本

设置标签文本样式。

  • 工具提示:设置鼠标悬浮提示的展示方式(按单点/按维值)、显示内容(支持总计、占比)、背景色、文本样式。切换到移动端布局,支持控制移动端的工具提示是否展示。

    • image.png

图表配置项

配置项说明

展示方式

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

内容

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

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

背景色

设置背景颜色。

文本

设置提示文字样式。

  • image.png

  • 系列设置(主要当使用颜色图例时):为不同系列(图例项)设置别名、数值显示格式、单独控制数据标签、显示最值标签等。

    • image..png

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

图表配置项

配置项说明

请选择系列

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

显示数据标签

设置是否显示数据标签,包括标签颜色、位置。

显示最值

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

说明

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

  • 辅助展示:设置指标筛选展示以及缩略轴。

    • 具体配置项如下

图表配置项

配置项说明

开启指标筛选展示

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

image

显示缩略轴

设置缩略轴显示方式。

image

配置分析功能

  • 数据交互:设置钻取、图表联动、跳转(到其他仪表板或外部链接)。

  • 分析预警:添加辅助线(固定值或计算值)、趋势线(多种拟合类型)。

  • 智能洞察:开启自动见解、预测、异常检测、波动分析(Beta)。

  • 标注:对特定数据点或区域进行颜色高亮、添加图标或注释。

配置项

名称

说明

数据交互

钻取

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

联动

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

跳转

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

分析预警

辅助线

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

趋势线

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

智能洞察

开启自动见解

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

预测

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

异常检测

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

波动分析

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

说明

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

标注

-

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

常见问题 (FAQ)

问:如何制作堆积柱状图或百分比堆积柱状图?答:在“样式”页签下的“绘图区域”配置项中,找到“可视化图表切换”或类似的选项,选择“堆积柱状图”或“百分比堆积柱状图”即可。

问:我想在柱子上直接显示数值,怎么操作?答:在“样式”页签下,找到“数据标签”配置项,开启“显示数据标签”,并可以进一步设置标签的位置和文本样式。

问:我有两个度量指标,数值范围差异很大,放在一起显示效果不好,怎么办?答:当您在“值轴/度量”区域拖入了两个或以上度量字段时,可以在“样式”页签的“坐标轴”配置中,勾选“显示双Y轴”。然后将不同的度量分配给左Y轴和右Y轴,它们将使用各自独立的刻度。

问:为什么我无法将维度字段拖入“颜色图例/维度”区域?答:请检查“值轴/度量”区域。只有当该区域仅包含一个度量字段时,“颜色图例/维度”才可用。如果值轴有多个度量,需要先移除多余的度量。

问:如何让柱子看起来像用小图标堆叠起来的?答:在“样式”页签的“绘图区域”中,找到“图形填充”功能。您可以选择使用系统提供的素材图标或数据集中类型为“图片”的字段来进行填充,并可设置单个图形代表的数值大小。

问:我想对比不同产品类型在每个区域的销售额,如何展示?答:将“区域”字段拖入“类别轴/维度”,将“产品类型”字段拖入“颜色图例/维度”,将“销售额”字段拖入“值轴/度量”。这样,每个区域下会并列展示代表不同产品类型的彩色柱子。或者,将“区域”和“产品类型”都拖入“类别轴/维度”,图表将展示所有区域与产品类型组合的柱子。