表格软件FineReport教程:[7]模板设计

2025-07-02 09:00:15

下面就通过表格软件FineReport来简单介绍一下如何进行设计。

工具/原料

表格软件FineReport7.1.1

大小:148.2M 适用平台:windows/linux

设计样式

1、模板设计效果展示如下图:标题:合并A1~D2单元格,写入:地区销售概况。

表格软件FineReport教程:[7]模板设计

2、边框:首先我们先来选中从A3~D5这一片区域,点击工具栏中的“+”按钮,在系统弹出的边框对话框中,选择“+”按钮,同时添加内部和外部边框。斜线:合并A3~B3。右击该单元格,选择单元格元素,在二级菜单中,选择斜线。系统会弹出一个斜线编辑的对话框,在文本编辑框中写入我们在斜线当中要加入的内容:产品|销售员|地区,可以通过添加空格来调整文字的位置。如下图所示:

表格软件FineReport教程:[7]模板设计

绑定数据列

1、绑定数据列将数据列拖拽至单元格,并设置单元格的属性,设置位置及方法如下图:

表格软件FineReport教程:[7]模板设计

2、按照上图方法,将下表中对应数据列拖入到单元格中:

表格软件FineReport教程:[7]模板设计

3、多数据集关联由于模板中的数据来自于两个不同的数据集,要将不同数据集的数据建立联系,需要用到数据过滤。选择D4单元格,点击设计器右侧上方的单元格属性面板中的过滤按钮,如下图:

表格软件FineReport教程:[7]模板设计

4、打开过滤设置面板,添加如下过滤条件, 使得ds2中的“销售员”数据列等于ds1中销售员的值。

表格软件FineReport教程:[7]模板设计

5、最终效果如下图:

表格软件FineReport教程:[7]模板设计

参数界面

1、参数界面布局点击参数界面,进入参数编辑界面,我们在ds1数据集中定义了参数“地区”。可以在参数界面的右侧下方区域看到我们所有定义好的参数,点击全部添加,将会使用默认的布局形成参数界面。用户可以根据需要将参数界面调整到自己喜欢的样式。

表格软件FineReport教程:[7]模板设计

2、参数控件风格将地区参数控件类型改为下拉框,如下图:

表格软件FineReport教程:[7]模板设计

3、选中下拉框控件,在右上方属性表中,设置下拉框的数据字典,选择数据库表>FRDemo>销量,实际值和显示值都为地区字段:

表格软件FineReport教程:[7]模板设计

定义图表

1、插入图表合并A7~D18单元格,选择菜单栏上插入>单元格元素>图表,弹出图表向导对话框如下图,这里选择柱形图>柱形图,点击确定:

表格软件FineReport教程:[7]模板设计

2、选中图表,在右侧上方的图表属性面板中选择图表属性表-数据,图表数据来源使用默认单元格数据。分类轴输入公式=B4;系列名和系列值,分别为=C3和=C4,如下图:点击保存,图表绘制完成。

表格软件FineReport教程:[7]模板设计

3、图表扩展属性设置这里只想让图表反映整体情况,所以应为不扩展,上下父格均为无。选择图表,在设计界面右下方单元格扩展属性面板设置如下图

表格软件FineReport教程:[7]模板设计

报表预览

1、直接点击分页预览,即可在浏览器端查看效果

表格软件FineReport教程:[7]模板设计
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢