条形图

条形图适合用于展示二维数据集,展示数据的分布情况,其中一个轴表示需要对比的分类维度,另一个轴代表相应的数值,例如X轴展示月份,Y轴展示商品销量。本文为您介绍如何为条形图添加数据并配置样式。

前提条件

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

图表概述

  • 使用场景

    简单直观,根据柱子的长短看出值的大小,易于比较各组数据之间的差别。

  • 优势简介

    • 计算能力:一键配置同环比、累计计算,智能辅助线、趋势线。

    • 可视化效果:支持条形图、堆积条形图、百分比堆积条形图效果,可显示标签、图例、缩略轴等配置。

  • 效果图示例image

图表数据配置

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

    • 维度列表中,找到城市,并添加到类别轴/维度区域。

    • 维度列表中,找到产品类型,并添加到颜色图例/维度区域。

    • 度量列表中,找到运输成本,并添加到值轴/度量区域。

      说明

      支持在类别轴区域及颜色图例区域中拖入相同的字段,以根据不同维度值进行单独赋色。不同场景的实现效果如下:

      • 类别轴值轴中都只存在一个字段时,柱子的数量=类别轴维值数。image

      • 值轴中存在多个度量字段时,图表中默认展示第一个度量,需要手动点开字段筛选面板才能切换到其他度量。image

      • 类别轴中存在多个维度字段时,柱子的数量由各维度值的数量相乘得出,例如下图,柱子数量=区域维值个数*订单等级维值个数。image

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

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

  4. (可选)自动刷新

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

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

    说明

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

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

    • 样式:坐标轴不支持设置显示双 Y 轴;绘图区域不支持设置图表对齐方式;辅助展示不支持设置缩略轴。

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

    image

配置样式

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

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

条形搜索..gif

绘图区域

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

image..png

图表配置项

配置项说明

配色设置

您可以为柱图设置配色。

可视化图表切换

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

柱体宽度

您可以设置柱体的宽度。

图表对齐方式

您可以设置图表对齐方式为左对齐右对齐

image..png

圆角

设置柱体的圆角值。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轴才生效。选中该选项,则在坐标轴区域会出现X

image..png

名称

配置项

说明

Y

显示Y

设置是否显示Y轴。

显示标题和单位

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

显示轴标签

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

展示内容

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

image.png

显示刻度线

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

显示坐标轴

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

显示网格线

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

X

显示下X

设置是否显示下X轴。

显示标题和单位

设置是否显示轴标题单位

显示轴标签

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

显示刻度线

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

显示坐标轴

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

显示网格线

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

轴值范围与间隔

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

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

100.gif

说明

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

图例

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

  • PC端配置

    image.png

    图表配置项

    配置项说明

    内容

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

    位置

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

    image

    文本

    设置图例文本样式。

  • 移动端配置

    image.png

    图表配置项

    配置项说明

    位置/多行等分展示

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

    Untitled.gif

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

    image.png

    位置/一行平铺展示

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

    Untitled.gif

    指标展示

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

    Untitled.gif

数据标签

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

image..png

图表配置项

配置项说明

全量显示

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

位置

设置标签显示位置。

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

文本

设置标签文本样式。

工具提示

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

image.png

图表配置项

配置项说明

展示方式

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

内容

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

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

背景色

设置背景颜色。

文本

设置提示文字样式。

说明

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

系列设置

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

image..png

说明

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

图表配置项

配置项说明

请选择系列

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

坐标轴

设置默认、主轴、从轴三种方式。

显示数据标签

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

显示最值

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

说明

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

辅助展示

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

image..png

图表配置项

配置项说明

开启指标筛选展示

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

显示缩略轴

设置缩略轴显示方式。

图表分析配置

配置项

名称

说明

数据交互

钻取

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

联动

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

跳转

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

分析预警

辅助线

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

趋势线

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

标注

-

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

使用限制

条形图由值轴/度量类别轴/维度颜色图例组成:

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

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

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

    说明

    当值轴上选择1个度量字段时,才可以启用颜色图例。

后续步骤

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

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