动态格报表的制作

简介:

接触过很多客户,在没有数据系统以前,很多报表都是用excel画的。这些excel表,大部分都是业务人员为了方便记录数据直接画的,在这样画出来的表样中,分组合并单元格相当自由不受约束。而当业务人员把这些excel交给程序猿哥哥用报表工具制作时候,很自然地也会希望报表能像excel一样随心所欲的去合并单元格。但是,这就令程序猿哥哥苦恼了,因为通常使用的报表开发工具制作出来的分组报表都是中规中矩的,很难根据业务人员提供的样板随心所欲地合并单元格。但这样又会让业务人员感觉很死板,不够灵活,甚至不能体现特定的数据关系。

现在,掌握了润乾报表的程序猿哥哥就要打破常规,挑战不可能了!也就是要做出根据相同数据任意进行横纵向合并分组格的效果,下图就显示了XX公司按层级展示的各网点和下属架构的考核指标,根据不同层级的粒度进行了合并显示:

174_1
174_2

看到这些效果图,我们的内心不禁敲起了小鼓,真的可以做到吗,如果可以是不是需要花高价购买昂贵的装备呢?在这里,小编偷偷告诉您(一般人我可是不会说的奥),润乾报表不仅可以做出这样自由炫酷的效果,而且报表工具价格实惠!(不信您可以到润乾官网去看奥。)

下面让我们以第一个图为例一起了解一下润乾报表是怎样做到的……

首先,准备数据:这里我们使用润乾报表的内建数据集,构建3个数据集,其中,ds1是XX公司网点及下属架构的层级信息,ds2是个网点和下属架构的考核指标,而ds3则是网点和下属架构对应名称,如下图:

数据集ds1数据 :

174_3

数据集ds2数据 :

174_4

数据集ds3数据 :

174_5

注:以上内建数据集字段类型均为字符串。

紧接着,画表并填写单元格表达式,如下图所示:

174_6

其中
A4单元格表达式为:=ds1.group(省;省),显示值表达式为:ds3.select(name,id==value()),扩展 –> 同值合并为:纵向合并;

B4 单元格表达式为:=ds1.group(市;市),显示值表达式为:ds3.select(name,id==value()),扩展 –> 同值合并为:纵向合并,空值合并为:向左合并;

C4 单元格表达式为:=ds1.group(区县;区县),显示值表达式为:ds3.select(name,id==value()),扩展 –> 空值合并为:向左合并;

D4 单元格表达式为:=ds1.group(营业部;营业部),显示值表达式为:ds3.select(name,id==value()),扩展 –> 空值合并为:向左合并;

E4 单元格表达式为 :=ds1.group(网点;网点) ,显示值表达式为:ds3.select(name,id==value()),扩展 –> 空值合并为:向左合并;

F4 单元格表达式为 :=ds1.group(架构1;架构1) ,显示值表达式为:ds3.select(name,id==value()),扩展 –> 空值合并为:向左合并;

G4 单元格表达式为 :=ds1.select(架构2;架构2) ,显示值表达式为:ds3.select(name,id==value()) ,扩展 –> 空值合并为:向左合并;

H4 单元格表达式为 :ds2.select@1(kpi1,id==G4) ,显示值表达式为:if(value()==null,0,value()) ,显示格式为:#0.00;

I4、J4、K4 单元格表达式为 :=ds2.字段名称,显示值表达式为:if(value()==null,0,value()),显示格式为:#0.00 。

然后….. 一个完美的动态合并格报表就完成了。

回顾

回顾一下其中遇到的问题和解决的技巧:

1.动态合并单元格

【技巧】使用同值合并 或者 空值合并用法

2.单元格表达式实现多数据集关联

【技巧】使用数据集函数ds.select()

3.单元格显示值控制

【技巧】使用数据集函数ds.select()以及非数据集函数if()和value().

最后我们发现,其实这里仅仅使用了润乾报表的同值合并和空值合并,是不是一不小心,又双叒叕get了新技能?有木有觉得润乾的程序猿哥哥棒棒哒,想要私信一下,那就别再犹豫了微信公众号搜索“raqsoft”加关注, 快来加入润乾大家庭吧,你的程序猿哥哥已经等你很久喽。

号外号外:报表制作过程中涉及到所有的函数都可从“用户手册—第5章 表达式及函数 ”中查阅详解奥,而同值合并和空值合并是在“用户手册—第2.2.5章 扩展”中奥,这个秘密小编只告诉你了奥。

转载请注明:润乾技术博客 » 动态格报表的制作

相关文章
|
3月前
|
数据可视化 前端开发 JavaScript
可视化图表与源代码显示配置项及页面的动态调整功能分析
本篇文章对可视化图表与源代码显示配置项及页面的动态调整进行了一个详细的功能分析,我将文章内容分为四个部分(分析图表源代码;分析源代码显示功能;分析源代码显示及动态调整;分析代码编辑器及运行效果显示)。对此,我会一一为大家解释代码的结构,功能的组成;且文章出现的所有代码,为了方便小白也能够读懂,我都做了详细的注释
52 0
可视化图表与源代码显示配置项及页面的动态调整功能分析
|
3月前
|
SQL 开发框架 前端开发
在Winform系统开发中,对表格列表中的内容进行分组展示
在Winform系统开发中,对表格列表中的内容进行分组展示
|
4月前
|
开发框架 JavaScript 前端开发
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
表格制作
3.6表格制作 3.6.1创建表格 1)使用虚拟表格: 最大可以插入0列,8行 2)使用“插入表格”对话框: 最大可以插入,63列,32767行 3)手动绘制表格:横线,竖线,斜线 4)调用Excel电子表格 5)使用“快速表格”功能创建表格:样式和内容预设 6)文字可以转换成表格,表格也可以转换为文字 3.6.2 编辑表格 1、选择操作区域 1选择单个单元格 2选择连续的单元格(Shirt) 3选择分散的单元格(Ctrl) 4选择一行 5选择一列 6选择整个表格 2、调整行高与列宽 1将光标插入点定位到某个单元格内,切换到“表格工具/布局”选项卡,在“单元格大小”组
|
前端开发
前端工作总结125-数据在表格横坐标动态显示
前端工作总结125-数据在表格横坐标动态显示
96 0
前端工作总结125-数据在表格横坐标动态显示
|
前端开发
HTML+CSS制作可以自适应的数据表格
HTML+CSS制作可以自适应的数据表格
HTML+CSS制作可以自适应的数据表格
|
JavaScript 前端开发 容器
怎么让 echarts 图表动起来?定时器解决它 —— 大屏展示案例(动态仪表盘、动态柱状图)
怎么让 echarts 图表动起来?定时器解决它 —— 大屏展示案例(动态仪表盘、动态柱状图)
1110 0
怎么让 echarts 图表动起来?定时器解决它 —— 大屏展示案例(动态仪表盘、动态柱状图)
动态交叉表头报表的制作
动态交叉表头报表
1443 0
|
SQL BI
动态列报表的制作
动态列报表
1149 0