条形图
功能概述
条形图是Quick BI可视化组件库中隶属于“柱/条图类”的基础图表类型。它非常适合用于展示二维数据集（通常一个分类维度和一个数值度量），通过水平条形的长度来直观地表示数值的大小，从而清晰地比较不同类别数据之间的差异。例如，可以用条形图展示不同城市的销售额或不同产品的利润。
核心优势
直观比较：根据条形的长度轻松判断数值大小，尤其适用于类别名称较长或类别较多的场景。
灵活展现：支持多种展现形式，包括标准的条形图、用于展示构成和总量的堆积条形图、以及用于展示相对占比的百分比堆积条形图。
丰富计算：可结合Quick BI的计算能力，如快速配置同环比、累计计算等（需在数据准备或字段配置中实现）。
视觉增强：支持多样化的样式配置，包括颜色图例、数据标签、坐标轴设置、图形填充（用图标代替条形）、缩略轴等。
典型应用场景
对比不同区域的销售业绩、展示各产品线的成本构成、按部门排列员工数量等。
使用限制
为确保图表配置和解读的准确性，条形图在配置时有以下字段要求：
类别轴/维度：至少需要放入1个维度字段。决定了纵向排列的类别。
值轴/度量：至少需要放入1个度量字段。决定了横向条形的长度。
颜色图例/维度：最多支持放入1个维度字段。用于根据该维度对同一类别内的条形进行颜色区分（例如，在堆积条形图中展示不同产品类型的构成）。
注意：只有当值轴上仅有1个度量字段时，才可启用颜色图例功能。
拆分/维度：仅支持放入1个维度字段，用于创建分面图（将图表按该维度拆分成多个小图）。使用分面模式时，部分高级计算、样式（如双轴、缩略轴）和分析功能（如预警、标注）会受限。
字段：对于拆分/维度中的字段，其高级计算功能仅支持配置 topN、无。
样式：坐标轴不支持设置显示双 Y 轴；绘图区域不支持设置图表对齐方式；辅助展示不支持设置缩略轴。
分析：仅支持设置数据交互，不支持高级设置、分析预警、标注、智能洞察。
操作步骤
在仪表板编辑模式下，您可以按照以下步骤添加和配置条形图：
添加图表
在仪表板编辑界面的左侧图表列表中，找到“柱/条图类”。
选择“条形图”并将其拖拽到画布上。
配置数据字段
选中图表，在右侧的“数据”配置面板中：
从“维度”列表中，将字段（如“城市”）拖拽到“类别轴/维度”。
（可选）将另一个维度字段（如“产品类型”）拖拽到“颜色图例/维度”，用于区分颜色或堆积。
从“度量”列表中，将字段（如“运输成本”）拖拽到“值轴/度量”。
注意字段数量对图表的影响：
单类别轴 + 单值轴：基础条形图。
单类别轴 + 多值轴：默认显示第一个度量，需手动切换或使用颜色图例区分（若适用）。
多类别轴：条形数量会是各维值数量的乘积。例如下图，柱子数量=区域维值个数*订单等级维值个数。
配置完字段后，点击面板下方的“更新”按钮。
数据筛选（可选）：在“过滤器”区域添加字段进行数据筛选。
自动刷新（可选）：设置图表按固定时间间隔自动更新数据（开通后可能会导致频繁查询数据库影响数据库使用，请谨慎开启！）。例如，选中该选项并设置时长为5，单位选择分。则每间隔5分钟，系统自动刷新该图表的数据。
分面模式（可选）：将一个维度字段拖入“拆分/维度”区域，以创建按该维度分面的多个小图表。
配置图表样式
切换到右侧的“样式”配置面板。可使用顶部搜索框快速定位配置项。
绘图区域：
具体设置居于如下图。
图表配置项 | 配置项说明 |
配色设置 | 您可以为柱图设置配色。 |
可视化图表切换 | 设置图表类型，支持条形图、堆积条形图、百分比堆积条形图。 |
柱体宽度 | 您可以设置柱体的宽度。 |
图表对齐方式 | 您可以设置图表对齐方式为左对齐或右对齐。
|
圆角 | 设置柱体的圆角值。 |
堆积、百分比堆积 | 支持柱图、堆积柱状图和百分比堆叠柱状图的切换。
|
图形填充 | 当可视化图表切换为条形图时，可用具备数值含义的图标填充柱体区域，此时建议关闭度量轴。支持选择素材或图片字段进行填充。
说明 仅当数据集中包含图片字段时，且字段类型为图片类型（
同时，您还可以在此设置单图形代表数值、行数及是否压缩布局。
|
移动端默认选中 | 设置选中后，默认选中项支持选择全局最后一个维值或指定系列最后一个维值。 |
分面（仅当配置了“拆分/维度”时可见）：设置分面图的布局（单列/网络）、是否共用坐标轴、分割线、列数、最小宽高、间距、拆分标签样式等。
图表配置项 | 说明 | |
布局样式 | 设置图表排列布局，支持单列对比和网络分布两种模式。 | |
共用坐标轴 | 设置图表是否需要共用同一坐标轴。
| |
显示分割线 | 设置在图表与图表之间是否显示分割线。 当设置为显示状态，您可以进一步配置分割线的颜色及样式。 | |
列数 | 当布局样式选择为网络分布时，支持设置图表排列的列数。 默认为自动，您也可以根据实际需求自定义列数。 说明
| |
分面区块最小宽高 | 设置每个图表的最小宽高，不同布局样式下支持配置的信息不同。
| |
行列间距 | 设置各图表间的行列间距。不同布局样式下支持配置的信息不同。
| |
拆分标签 | 位置 | 设置维值标签的显示位置，支持设置在图表上方或图表下方。 |
文本 | 设置维值标签的字体颜色及样式。 | |
对齐 | 设置维值标签的对齐方式。 | |
坐标轴：控制Y轴（类别轴）和X轴（值轴）的显示、标题、标签、刻度线、轴线、网格线等。
显示双X轴：当值轴/度量有≥2个度量时，可启用此项，增加一个“上X轴”用于显示次要度量，实现双轴图效果。
名称 | 配置项 | 说明 |
Y轴 | 显示Y轴 | 设置是否显示Y轴。 |
显示标题和单位 | 设置Y坐标轴上是否显示轴标题和单位。 | |
显示轴标签 | 设置Y轴上是否显示标签，以及轴标签显示规则、文本样式。 | |
展示内容 | 设置展示内容为部分或全部维度。
| |
显示刻度线 | 设置Y轴上是否显示刻度线。 | |
显示坐标轴 | 设置是否显示Y轴，包括线型、线宽和颜色。 | |
显示网格线 | 设置Y轴上是否显示网格线，包括线型、线宽和颜色。 | |
下X轴 | 显示下X轴 | 设置是否显示下X轴。 |
显示标题和单位 | 设置是否显示轴标题和单位。 | |
显示轴标签 | 设置下X轴上是否显示标签，以及标签与刻度范围、轴标签显示格式设置。 | |
显示刻度线 | 设置下X轴上是否显示刻度线。 | |
显示坐标轴 | 设置是否显示下X轴，包括线型、线宽和颜色。 | |
显示网格线 | 设置下X轴上是否显示网格线，包括线型、线宽和颜色。 | |
轴值范围与间隔 |
|
图例：设置是否显示图例、位置（PC端/移动端）、文本样式等。移动端支持多行等分或一行平铺展示。
PC端配置
图表配置项 | 配置项说明 |
内容 | 当类别轴区域中的字段与颜色图例区域相同，且在绘图区域中启用了图形填充时，图表中包含多个图例，您可以在此选择图例中需要展示的内容。 |
位置 | 设置图例显示位置，支持以下四种图例呈现方式。
|
文本 | 设置图例文本样式。 |
移动端配置
图表配置项 | 配置项说明 |
位置/多行等分展示 | 选择多行等分展示方式后可多行展示度量指标，例如：
|
当选择多行等分展示方式中度量名称较长被隐藏时，可通过文本显示完整功能实现，例如：
| |
位置/一行平铺展示 | 勾选后可将多行度量指标改为，一行平铺的展示方式。
|
指标展示 | 指标未被选择时，展示效果默认为 “-”，可切换为“空”的展示效果。
|
数据标签：设置是否显示数据标签、显示位置、文本样式等。
图表配置项 | 配置项说明 |
全量显示 | 设置是否全量显示数据标签。 |
位置 | 设置标签显示位置。 当在绘图区域中启用图形填充时，仅支持选择图形外侧。 |
文本 | 设置标签文本样式。 |
工具提示：配置鼠标悬停时提示框的展示方式（按单点/按维值）、显示内容（总计/占比）、背景色、文本样式。移动端可控制是否展示。
图表配置项 | 配置项说明 |
展示方式 | 设置提示信息展示方式，支持按单数据点、按维值两种方式。 |
内容 | 展示方式为按单数据点时，支持占比； 展示方式为按维值时，支持总计和占比。 |
背景色 | 设置背景颜色。 |
文本 | 设置提示文字样式。 |
注：切换到移动端布局，支持控制移动端的工具提示是否展示。
系列设置（仅当启用了“颜色图例/维度”时）：可为不同系列（颜色图例的维值）设置别名、数值格式、关联的主/次坐标轴（若启用双轴）、单独的数据标签、显示最值等。
图表配置项 | 配置项说明 |
请选择系列 | 根据业务场景选择维度或度量项。 |
坐标轴 | 设置默认、主轴、从轴三种方式。 |
显示数据标签 | 设置是否显示数据标签，包括标签颜色、位置。 |
显示最值 | 显示线图上最大值和最小值的标签。 说明 堆积与百分比堆积不支持该功能。 |
辅助展示：可开启指标筛选展示（让用户在图表上直接切换查看不同度量），或显示缩略轴（用于数据量大时进行范围选择和缩放）。
图表配置项 | 配置项说明 |
开启指标筛选展示 | 设置是否开启，开启后设置默认选中指标字段。 |
显示缩略轴 | 设置缩略轴显示方式。 |
配置分析功能
切换到右侧的“高级”或“分析”配置面板。
数据交互：配置钻取、图表联动、页面跳转等交互功能。
分析预警：添加辅助线（固定值或计算值如平均值）、趋势线（线性、对数等）。
标注：对特定的数据点或区域添加颜色高亮、图标、注释等标注信息。
配置项 | 名称 | 说明 |
数据交互 | 钻取 | 当您已在字段面板设置完成钻取字段时，可以在此处设置钻取层级行展示样式。 |
联动 | 当需要分析的数据存在于不同的图表，您可以通过图表联动，把多个图表关联起来，形成联动进行数据分析。具体设置请参见联动设置与展示。 | |
跳转 | 当需要分析的数据存在于多个仪表板时，您可以通过仪表板跳转，把多个仪表板关联起来，进行数据分析。跳转包含参数跳转和外部链接两种方式。具体设置请参见跳转设置与展示。 | |
分析预警 | 辅助线 | 通过辅助线可以查看当前度量值与辅助线设定值之间的差异。辅助线设定值分为固定值和计算值两种。计算值包含平均值、最大值、最小值和中位数四类。具体设置请参见辅助线。 |
趋势线 | 通过趋势线可以展示当前数据的整体发展趋势。趋势线分为智能推荐、线性、对数、指数、多项式和幂函数六种。具体设置请参见分析预警。 | |
标注 | - | 当图表中的数据存在异常或需要重点关注时，支持使用颜色高亮、图标、注释或数据点的方式行标注，帮助您识别异常并采取相应的行动。具体设置方法请参见标注。 |
常见问题 (FAQ)
问：条形图和柱状图有什么区别？我应该用哪个？答：主要区别在于方向：条形图的类别轴是垂直的，值轴是水平的；柱状图相反。当类别名称较长，或者需要比较的类别数量较多时，条形图通常更易于阅读类别标签，是更好的选择。
问：如何在条形图里同时展示销售额和利润额的对比？答：您可以将“销售额”和“利润额”两个度量字段都拖入“值轴/度量”区域。默认可能只显示一个，您可以通过“辅助展示”里的“开启指标筛选展示”让用户切换，或者在“样式”->“坐标轴”中启用“显示双X轴”，并将其中一个度量关联到上X轴（次轴），在“系列设置”中完成配置。
问：我想在条形图中显示每个区域下不同产品类型的销售构成，怎么做？答：这需要使用堆积条形图或百分比堆积条形图。将“区域”放入“类别轴/维度”，将“销售额”放入“值轴/度量”，然后将“产品类型”放入“颜色图例/维度”。最后在“样式”->“绘图区域”中，将图表类型切换为“堆积条形图”或“百分比堆积条形图”。
问：条形图的条目太多，看起来很拥挤怎么办？答：可以考虑几种方法：1) 使用过滤器筛选掉部分不重要的数据；2) 在“样式”->“辅助展示”中启用“显示缩略轴”，让用户可以聚焦于某个范围；3) 如果数据有层级关系，可以配置“钻取”功能；4) 如果可以按某个维度分组，可以考虑使用“拆分/维度”创建分面图。
问：能否用小图标（比如人形图标）来表示数量，而不是用条形？答：可以。在“样式”->“绘图区域”中找到“图形填充”选项。选择“素材”，可以为不同类别选择系统内置或上传的图标。您需要设置“单图形代表数值”，图表会根据度量值显示相应数量的图标。