工作薄大屏展示报表

楼主
走在数据追梦路上的瑟瑟发抖的萌新!
报表模板投稿
功能演示:
功能说明:
以工作薄制作大屏展示报表。以图表实现类似单元格数据更新的效果
本帖最后由 星痕 于 2017-5-25 14:47 编辑

由于公司业务需要,开始接触大屏展示。
现有表单设计由于是相对布局的设计模式,导致实际过程中设计很不方便。迫于无奈选择了用普通cpt工作薄实现大屏的数据展示、监控需求。
经过数据处理之后,下面是大屏展示效果。

预览注意点:
1、LED.cpt文件存放在项目的*\WEB-INF\reportlets目录下。
2、china.json文件存放在项目的*\WEB-INF\resources\geojson\area目录下。
3、由于工作薄的局限性,所以需要固定页面,我本机是1366*768的分辨率,如果分辨率不同,模板需要进行适当的小调整。
4、预览报表选用数据分析的预览方式进行查看。
5、最好选用谷歌浏览器查看,谷歌浏览器对帆软的兼容性最好。并且我本地也是用谷歌浏览器预览调试的。
6、由于适用于大屏展示,以及工作薄本身的局限性,所以普通笔记本预览可能组合图中的柱形图会显得很细。但实际大屏幕效果展示还是不错的。
7、由于工作薄本身的限制,以及现有的报表自适应插件性能很不稳定,所以模板实际过程中需要进行比较细致的效果调整。

说了这么多,似乎觉得一无是处了。其实就目前而言,在表单的绝对布局功能还没正式发布稳定的现在,以及特殊的设计需求,导出需求效果而言。
用工作薄的方式实现大屏数据展现的效果还是不错的。
实际应用就是仁者见仁智者见智,有需要或者感兴趣的朋友们可以下载看看,也欢迎多交流。
                                                                                 
后续的大屏展示已经准备用表单来实现了,但是就表单设计过程而已,还不确定具体的设计过程、复杂度等。
表单绝对布局功能还未正式发布,还有未知的bug等待我们的发现。总之前路茫茫,而我们需要不断的探索,进取!
                                                                            {:8_199:}
我期待能与更多的帆薯们有更深入的交流。深度挖掘帆软本身的潜力、功能!以及在此基础上更深入的数据展示、数据分析的扩展实现
分享扩散:
参与人数 +13 F豆 +1065 +66 F币 +132 理由
吴涵 + 5 老太太摔倒了我都不扶,就服你
susie + 66 大屏demo很赞啊,已采纳到demo中!感谢分享.
cx_912 + 1 赞一个!
windy_gui + 1 星大神很给力!
传说哥 + 666 + 66 + 66 配色和整体布局都不错
我爱刘歆 + 1 很给力!
小龙 + 50 番薯与你同在
wiseM__花生丶 + 13 虽然不懂,但是好厉害的样子
macross + 200 很给力!
astar123 + 50 星神,真棒!
哈易春 + 6 666
孤陌 + 66 神马都是浮云
cherishdqy + 6 星大神很给力!

查看全部评分

沙发
发表于 2016-9-24 12:27:20
给力!我的星神!
板凳
发表于 2016-9-26 13:50:04
666  图表配色和布局 做的很好~
地板
发表于 2016-9-29 14:37:44
非常不错!!!
5楼
发表于 2016-9-29 16:29:56
顶起来,希望我能早点下载
6楼
发表于 2016-9-29 16:50:47
来自手机
星痕 发表于 2016-9-29 16:44
你不是有豆子吗???

好像对权限也有要求
7楼
发表于 2016-9-30 17:44:59
大神辛苦了{:5_126:}
8楼
发表于 2016-10-9 13:05:06
其实我公司也很希望有一个这样的数据分析,作为教育行业使用,帮助学校快速掌握学生管理和教学。
9楼
发表于 2016-10-9 19:20:50
@macross 老王,你怎么也下载模板了?需要的话直接说,发你了就
10楼
发表于 2016-10-10 09:26:45
看到大屏我就滚进来了
11楼
发表于 2016-10-10 09:40:04
不错哦,很有参考价值
12楼
发表于 2016-10-10 09:47:55
先收藏一下
13楼
发表于 2016-10-10 11:17:11
来自手机
星痕 发表于 2016-10-10 09:55
怎么又是你

希望自己快快升级,早日下载
14楼
发表于 2016-10-11 17:07:06
每天一顶,让更多的人看到
15楼
发表于 2016-10-13 14:22:46
很棒收藏先
16楼
发表于 2016-10-13 15:49:02
大神 膜拜中……
17楼
发表于 2016-10-13 18:43:29
666  图表配色和布局 做的很好~
18楼
发表于 2016-10-14 16:24:50
界面设计看着高大上,下来学习
19楼
发表于 2016-10-14 17:35:38
学习学习!!!!!!!!
20楼
发表于 2016-10-17 15:55:20
非常好,感谢下载看看!
21楼
发表于 2016-10-18 11:12:34
大神,你示例中有自动刷新数据功能吗?
22楼
发表于 2016-10-19 09:19:35
用表单做大屏,刷新如何做啊。是否有案例,非常谢谢!!
23楼
发表于 2016-10-19 10:24:05
首先非常感谢你的帮助,我使用实例中的代码粘贴上去后,出现错误“syntaxError:语法错误”
我的代码为:
var form = this.options.form;
setInterval(function() {
     form.getWidgetByName('report0').gotoPage(1,"{}",true);
     $(".loading-ec-indicator").eq(0).remove(); //去掉定时加载图标
     $(".text-indicator").remove(); //去掉"定时加载"文字
}, 5000);
24楼
发表于 2016-10-19 12:31:57
我就是按你给的“http://help.finereport.com/doc-view-1629.html”实例操作的。
25楼
发表于 2016-10-27 09:17:31
这种展示方式,视觉感很强,弱化了实际功能性,不过用来展示很好。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

94回帖数 4关注人数 31237浏览人数
最后回复于:2020-11-6 17:13

返回顶部 返回列表