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

报表图表-圆环图

1. 概述

1.1 功能概述

环形图与饼图的使用场景类似,用来分析和展示不同分类的占比情况。

文中以下面的效果为例为您介绍环形图的使用方法和使用技巧。

PixPin_2025-06-30_11-11-45

2. 操作步骤

2.1 前提条件

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

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

2.2 操作步骤

2.2.1 添加组件

  1. 在报表设计器中,添加图表组件,选中柱状图,拖拽至画布区域,如下图示:

    PixPin_2025-06-30_10-15-38

  2. 选中整个柱状图组件,在顶部菜单栏选择图表,然后选择图表类型,选中圆环图类型。

    PixPin_2025-06-30_10-47-43

    type=info

    提示: 实际应用中,我们也可以通过修改饼图的内径百分比,将其转换为环形图。环形图的本质其实就是将中心区域挖空的饼图。

    PixPin_2025-06-30_10-49-03

2.2.2 绑定数据

  1. 将数据集中的“ 订单金额 ”和“ 销售大区 ”拖拽至图表的图表数据区域和系列组绑定区。

    PixPin_2025-06-30_10-52-17

  2. 此时预览报表,可见环形图已经形成。为了更好地显示效果,接下来我们设置它的属性。

    PixPin_2025-06-30_10-52-26

2.2.3 调整组件配色

  1. 选中整个圆环图,在顶部菜单栏选择图表,然后选择图表配色,选择需要的配色(如Coral)。

    PixPin_2025-06-30_10-57-39

2.2.4 添加数据标签

  1. 选中图表数据中绑定的字段,在属性设置面板中找到标签文本下的文本内容设置项。单击右侧的小方块,选择表达式

    PixPin_2025-06-30_11-26-59

  2. 在表达式编辑器中输入表达式并保存,如下图示:

    PixPin_2025-06-30_10-56-12

    type=info

    提示: 为了使大区名称和所占百分比分行显示,我们可以在表达式中添加回车符(Char(13))。您也可以不加回车符,使其在一行显示,或者使用冒号连接。更多介绍,请见报表图表数据标签

  3. 此时预览报表会发现数据标签已经生效,但是显示情况不够美观,下面我们继续进行调整。

    PixPin_2025-06-30_10-59-20

2.2.5 设置标签样式

  1. 为了使超出绘图区域的内容不被删减掉,我们需要将删减方式调整为尽量显示,并设置标签重叠为“始终全部显示” 。

    PixPin_2025-06-30_11-01-14

  2. 此时预览报表会发现,虽然我们设置了文字位置为外部,但仍有部分标签在图形内部。这是因为环形图的外部绘图区域与内部的间距过小。选中整个图表,然后将内部间距调整到合适的大小。比如10pt。

    PixPin_2025-06-30_11-03-10

  3. 打开元素管理面板,找到图表纵轴,然后在属性设置面板找到坐标轴标签下面的是否显示属性,设置为否。

    PixPin_2025-06-30_11-04-03

2.2.6 显示连接线

  1. 选中图表数据中绑定的字段,在属性设置面板中找到标签文本、标签边框和连接线来设置连接线属性。

    PixPin_2025-06-30_11-12-42

2.2.7 设置图表标题

  1. 选中顶部标题区域,在属性设置中设置标题。

    PixPin_2025-06-30_11-12-09

2.2.8 预览效果

  1. 预览查看实际效果。

    PixPin_2025-06-30_11-11-45