[]
        
在线Demo 免费试用
(Showing Draft Content)

报表图表数据标签

1. 概述

1.1 功能概述

数据标签是指查看图表时,图表中每个明细上面显示的数据内容。如下图所示。

PixPin_2025-06-27_16-33-10

本节将为您介绍实现这种效果的具体步骤以及数据标签的复杂表达式用法。

2. 操作步骤

2.1 前提条件

  1. 数据要求: 已完成数据连接与数据准备,本文将以本地Excel文件直连数据集为例演示操作流程。

  2. 界面要求: 已进入报表设计界面,且报表至少已绑定一个数据集(如“Excel数据-直连数据集”)。

2.2 操作步骤-添加数据标签

  1. 在报表设计器界面,单击左侧组件工具箱,选择图表组件,自动弹出三个常用图表类型,如选择柱状图,按住鼠标左键将其拖拽至报表设计区域,成功添加一个柱状图组件。

    PixPin_2025-06-27_11-42-10

  2. 在报表设计器中,选中柱状图,完成数据绑定。

    PixPin_2025-06-27_11-44-30

  3. 选中整个柱状图,在右侧属性面板修改图表类型为堆叠柱状图。

    PixPin_2025-06-27_11-45-38

  4. 选中图表数据绑定的字段,在右侧属性面板的标签文本设置中,通过小灰框选择表达式,使用 {Sum(订单金额)} 定义显示内容,并在数据格式中选择标签文本的显示格式,如下拉选择货币,显示为C0,(c代表数据格式为货币格式,0代表不保留小数点后位数),具体格式设置请见本页的数据标签格式设置介绍。

    PixPin_2025-06-27_12-27-48

  5. 选中图表数据绑定的字段,在右侧属性面板调整标签文本的显示位置。找到标签文本下的文字位置设置项,将其设置为居中

    PixPin_2025-06-27_13-33-24

  6. 设置标签显示策略。数据标签默认的显示策略是按空间自动显示,即当数据较多的时候,为了避免重叠,会自动隐藏一部分标签。这里我们可以将其设置为始终全部显示。选中图表绘图区域,在绘图区选项下找到标签重叠设置项进行设置。

    PixPin_2025-06-27_13-34-50

  7. 为图表显示更美好,可以调整调色板、调整图表宽度、高度以及开启图例,然后预览即可看到数据标签效果。

    PixPin_2025-06-27_16-35-12

2.3 操作步骤-添加标签连接线

有些时候会需要将数据标签显示在图形之外。这时,为了让数据与图形的对应关系更加明确,我们可以使用标签的边框和连接线功能。

  1. 在完成2.2步骤的基础上,选中图表数据,在右侧属性面板找到标签文本,将文字位置设置为外部,并将分离显示(标签与图形之间的分离位置)设为“ 10 ”。

    PixPin_2025-06-27_15-01-57

  2. 选中图表数据,在右侧属性面板设置标签边框和标签连接线。为直观显示效果,删除组件系列绑定的字段。

    PixPin_2025-06-27_15-09-18

  3. 预览即可看到效果。

    PixPin_2025-06-27_15-13-59

2.4 自定义标签

  1. 图表数据标签可通过属性面板灵活配置:直接绑定数据集字段,或使用表达式实现带格式的智能显示(如汇总值、百分比等),满足多样化标签呈现需求。

    PixPin_2025-06-27_15-31-56

  2. 预览效果如下图示:

    PixPin_2025-06-27_15-33-47

  • 下面以两个示例为您具体介绍用法和效果。

    • 示例一: 例如将文本标签的表达式设置为“{支付方式} : {Format(Sum(订单金额), "c0")}”,则标签显示效果如下。表达式中的c代表数据格式为货币格式,0代表不保留小数点后位数。有关表达式中的数据格式设置,具体请见本页中 数据标签格式设置

      设计界面

      为效果更直观,给图表设置了过滤条件

      预览效果

      PixPin_2025-06-27_15-56-41

      PixPin_2025-06-27_15-57-00

    • 示例二: 例如使用饼图,将文本标签的表达式设置为“{支付方式} : {Format(Sum(订单金额) / Sum(订单金额, "绘图区域1"), "p0")} ”,则标签显示效果如下图,显示饼图中每个组成部分所占的百分比。表达式中的“绘图区域1”代表绘图区域的名称,p代表数据格式为百分比,0代表不保留小数点后位数。有关表达式中的数据格式设置,具体请见本页中 数据标签格式设置

      设计界面

      预览效果

      PixPin_2025-06-27_16-10-13

      PixPin_2025-06-27_16-10-34

    • 绘图区域名称的获取

      PixPin_2025-06-27_16-11-56

2.5 标签数据格式设置

  1. 自定义标签的两个示例中均设置了标签的数据格式,示例一中使用“ c0 ”,示例二中使用了“ p0 ”。在标签的表达式中除了使用c和p以外,还可以使用其他数字格式进行格式设定。

    具体请见下表。

    字母

    含义

    是否可设置小数位数

    c

    货币

    d

    数值

    e

    科学计数法

    f

    固定小数点

    g

    常规

    n

    数字

    p

    百分比

    x

    十六进制

    d

    短日期

    D

    长日期

    f

    完整日期/短时间

    g

    普通日期/短时间

    G

    普通日期/长时间

    t

    短时间

    T

    长时间

    m

    月日

    y

    年月