范文健康探索娱乐情感热点
投稿投诉
热点动态
科技财经
情感日志
励志美文
娱乐时尚
游戏搞笑
探索旅游
历史星座
健康养生
美丽育儿
范文作文
教案论文

从商用报表谈自定义报表和可视化监控大屏设计

  今天谈下自定义报表和可视化监控大屏设计方面的内容,准备分三个部分来讲,第一是先看下当前主流的商用报表工具的功能特点,其次分别谈下报表设计和可视化监控大屏设计。商用报表工具的实现思路
  图片来源网络
  最近在网上搜索自定义报表,监控大屏制作,搜索到了FineReport报表制作工具。
  FineReport报表软件是一款纯功能于一身的企业级web报表工具,它"专业、简捷、灵活"的特点和无码理念,仅需简单的拖拽操作便可以设计复杂的中国式报表,搭建数据决策分析系统。
  这款报表制作工具还是相对的火,你能够想到的常见报表自定义,报表的多维度分析,统计汇总,上钻和下钻,图形可视化等基本都能够实现。可以对接各种关系型数据库作为数据源,同时也支持你手工填报数据上来进行采集后汇总,然后报表呈现。关键是该报表很多能力基于Excel来完成,只有你有基础的Excel使用技能,并不需要太多的编码能力就能够完成报表的开发和制造。
  而对于监控大屏制作,是今年来报表的一个扩展关键能力,FinedReport刚好提供了该能力。
  可以看如下这篇文章介绍:http://bbs.fanruan.com/thread-94898-1-1.html
  相信大家看了这篇文章,会发现监控大屏制作可以这么容易,在没有这个工具的时候我们也在考虑如何做监控大屏,包括选择类似百度Echart做相关的图表,找美工进行整体界面风格的设计和配色,确定需要在监控大屏上显示的内容等。
  而看了上面这篇文章,给我最大的感受就是,做任何事情我们都可以从大量的特殊性和差异化中抽象中共性化的特征,同时将差异点进行参数化和模板化,以完成对这类事情的普适化模板和套路设计。
  拿监控大屏来说,你要达到上面的能力,首先你就需要有大量的监控到设计和开发实践,或者至少观察了大量的监控屏实现例子。其次你需要具备足够的抽象化能力,找寻共性,并完成从特殊到一般的过程。从FineReport体现的监大屏制作能力,该思路也完全适用于我们日常的产品化规划和设计工作。
  所谓的软件产品化,也就是是一个从大量个性化业务场景中进行共性能力抽取,个性能力参数化的过程而已。
  再回来看监控大屏实现,你会发现进行抽象和模板化后整个实现过程本身很简单。选择布局和排版,这个本身可以表格化和模板化,足够解决问题。选择基本的配色体系,在前面我们可以预设常用的配色体系,供选择即可。选择每个Panel里面的数据呈现方式(文字,数字,表格,各种图形,地图,关系等)为每个Panel的数据呈现配置相应的数据源实现一些最后的点缀,动态实时效果等。
  而上面这些步骤也是我们自己进行监控大屏开发的时候常用的方法和步骤,只是FineReport把这个过程进一步参数化和模板化了而已。难的地方就在于大量观察和实践后,这种通用模型和能力的抽象。
  最后对于FineReport报表本身的简单易用性,强大的功能,网上有些总结,而这些总结本身体现的就是长期在一个专业方向或领域的持续不断的积累,对简单易用产品哲学的坚持,对用户使用场景的深刻洞察,对各种产品细节的不断优化,而所有上面的这些都缺一不可。
  一个产品要能够做成功,往往需要的就是这种长期的坚持和努力,不断优化改进,对一线用户使用需求的积极响应和分析。我们很多时候产品没有做好,一个是脱离用户,一个就是迎合潮流和赶时髦,很多产品做到中途由于推广的不好就放弃,又换一个新产品进行研发,和猴子掰玉米本质上并没有大的区别。
  真正的产品成功之道,里面最重要的就是长期的坚持和积累,不轻言放弃。真正好用的产品往往都是你对用户需求的重视,由用户需求帮你不断打磨和抽象出来的模型。
  FineReport网址:http://www.fanruan.com/finemax/自定义报表功能设计思路
  对于自定义报表,在前面讲的商用报表平台或工具来实现大屏展示,而实际上一谈到报表大家谈的比较多的还是BI分析应用中常用的各种报表类工具,类似水晶报表,国内的FineReport等。一个商用的报表平台或工具可以看到功能会很强大,但是总结来说还是数据采集,设计,呈现几个部分内容。数据采集:从结构化数据库,各类文件数据源,也包括直接提供手工填报端的自动生成。报表设计器:提供独立的报表设计器能力,支持类似分组,切片,钻取等各类复杂场景,支持各类图表。报表展示:报表展示支持各类图表的展示,支持自定义参数查询,支持类似监控大屏等。
  在这里不打算详细讨论商用自定义报表能力。对于我们大部分业务系统来说,需要的报表能力往往并不需要类似BI系统报表这么强大,更多的可以理解为自定义查询能力 可定制的图表展现。那么我们在实现自定义报表的时候就应该从这两个方面来考虑一个报表如何实现。
  在考虑这个问题的时候,我们先考虑报表设计器的问题。对于最终的报表展现效果我们看到,分为自定义查询条件部分,和报表内容展示区域。报表内容展示区域可以理解为一个个的独立Widget面板,每个面板就展示一个内容,可以是一个曲线图,也可以是一个表格,Panel面板里面的内容可以自己进行定制。
  整体展示效果类似如下:
  下面来拆分下几个关键的功能。
  1. 数据源的定义
  数据源定义关键就是通过数据源形成可在报表界面上展示的数据集。因此该功能建议不仅仅是简单定义数据源,同时包括数据集或数据对象的定义。因为数据集本身也是可复用的,不需要重复设计。
  数据源连接可以是JDBC方式,也可以是WebService接口方式,而实际上最佳方案是采用WS服务接口方式来获取数据集。这样可以进一步保障后端数据库的安全性。
  为了更好的支撑参数化查询,对于数据集的定义可以带参数化查询条件,由外围传入。
  2. 单数据面板的定义
  单数据面板的定义实际上思路很简单,就是要实现数据集和数据展示组件之间的绑定。数据面板可以是常规的表格,折线图,曲线图,饼图等。当前如果采用百度Echart图表库的话,我们可以做到对Echart图表库的大部分图形展现都支持。
  数据集笼统来说就是一个二维结构的数据对象返回,这个二维结构可以很容易影响到表格,也可以映射为类似折线,曲线,饼图等各种我们希望展示的形状。
  3. 整体查询报表页面的设计和定义
  对整体查询报表的设计实际上可以看到,主要工作就是定义自定义查询面板,定义和选择需要在该报表中展示的单数据面板。确定查询结果面板的具体布局形式。
  对于面板布局采用最简单的Grid布局形式即可,在定义清楚一个标准的Grid布局后,我们就很容易来配置单个面板究竟占有几列几行。同时在单个面板设计的时候,我们还需要将单个面板中的待输入参数项和自定义查询中的查询条件参数进行映射和绑定,完成查询条件的传入工作。
  4. 最终的报表设计内容解析和呈现
  这里有两种实现方式,一种是代码动态生成然后再自动编译为独立的部署包。另外一种方式就是所有报表呈现都只有一套动态代码来执行,即整个页面是基于配置参数完全动态生成的。
  第一种方式性能更好,但是配置变更后需要重新部署;第二种方式性能稍差,但是好在能够完全动态调整。
  最终的单个完整报表的呈现可以理解为就是一个url地址,传入具体的报表id信息。同时单个报表的呈现还需要考虑单点集成,并预留用户id,组织id,姓名等Session相关的全局参数。可视化监控大屏的实现
  在网上搜索下,可以看到有不少专门做监控大屏可视化解决方案的,包括一些好的报表平台软件,也专门对监控大屏可视化做了优化,能够很好的做到定制和可配置。而对于监控大屏实现,当前我们完全可以采用百度Echart来定制实现,而这篇文章主要想谈下如何对监控大屏可视化做到灵活可配置。
  首先我们看到监控大屏可视化,实际上跟我们前面谈到的自定义报表相当类似,其核心仍然是单面板设计,多面板组装。基于这个思路我们逐一展开进行描述。
  在讲自定义报表的时候,我们单面板设计数据集和实际的数据呈现是耦合在一起的,而实际上更好的思路是数据集合和数据呈现进行分离。基于这个思路,逐一展开讲关键功能点实现。
  1.数据集设计
  数据源定义,对于数据源定义,最好也进行独立,一个报表前端呈现本身也可能涉及到多个数据源。数据集设计,即返回一个二维的数据集合,可以有多列。我们需要通过配置的方式来实现,即首先选择数据源,然后自定义Sql语句,然后返回具体的数据集对象。在sql过程中我们可以对字段标题名称等进行转义。
  更加解耦的方法是数据集可以直接选择具体的WS服务,由服务返回一个二维的数据集对象。这种方式可以进一步实现报表平台和底层数据库的解耦。
  2.单面板设计
  单面板设计简单来说就是将前端的呈现方式,究竟是折线图,饼图还是雷达图等,和后端的数据集进行绑定。在这个过程中重点是要确认具体的图表呈现的一些关键配置,包括X,Y轴显示,图表名称,图例是否显示等关键配置,都需要在单面板设计的是配置完成。
  单面板设计完成后,最好提供预览功能按钮,可以马上体验到单面板展示的效果。
  3.大屏设计
  对于大屏设计,实际上里面有几个关键点,首先就是大屏展示需要有一个CSS模板,这个模板决定了所有的单面板图表的配色风格,包括具体的底色,前端的色系选择等。选择模板就是确保最终的大屏展示各个单面板风格能够完全保持一致。
  大屏版面设计,仍然采用标准的Grid布局模式即可,可以看到所有的大屏展示基本都采用Grid布局模式。每个单面板你唯一要确定的就是横向跨几行,纵向跨几列即可。类似上面的图,我们采用4*4Grid进行布局,中间的地图展示则是横向跨3行,纵向跨两列。
  4.大屏整体的展示动态刷新能力
  在以上设计完成后,我们整个大屏展示效果也就出来了。在该大屏设计中我们没有考虑动态查询功能。但是大屏监控仍然需要动态进行刷新。因此在设计大屏的时候需要具备动态刷新能力,为了考虑后续具备一定的扩展性,我们需要能够将关键的一些变量参数传递到图表展示中。
  最关键的参数就是当前时间,当前的时间需要能够传递到每一个数据集Sql中,方便我们根据时间进行数据过滤。同时对于大屏我们需要配置定时刷新频率,基于该频率对展示内容进行动态刷新。

清华女博士生育观走红,让老人带娃是不负责任的,获得网友支持生而不养,枉为父母作者奶爸导读如今这个时代已经跟以前有所不同,以前挨家挨户生娃是必须的,但从现在来看,生不生娃全凭自觉。父母虽然依旧会去催促生娃,但依旧有一些年轻人选择加入的丁克阵你家孩子情绪真的健康吗?一套小测试,帮你更了解孩子导言孩子跟成年人不同,成年人的情绪会隐藏,而孩子不开心就是不开心,愤怒就是愤怒,一目了然。不过,对于孩子情绪,家长往往都不是特别看重,认为情绪对于孩子的影响并不大,甚至认为孩子哭闹为什么有些孩子对家人凶,对外人怂?问题源于父母导言不知道大家有没有发现,现在有一些孩子是对父母凶,对外人怂的一种状态。之前,看过一个新闻,一名男孩在外面让妈妈给自己买玩具,可是妈妈没买,然后这名男孩当场就对妈妈连打带踢,而这名家有一老如有一宝,但老人的养育方式,父母要懂得取舍导言都说家有一老如有一宝,家里的老人可以起到定海神针的作用,但随着时代的变化和科学知识的普及,老人有些观念已经被淘汰掉,尤其是养育孩子的方式。老人有些自己认为没有错误的养育方式,其妈妈懒未必是坏事,这几种懒,对孩子有益无害导言现在的家庭,有点延续了古代男主外,女主内的教育方式。大多数家庭中,妈妈起到教育孩子的关键,爸爸更多是用来吓唬孩子的。不过,不知道大家发现没有,越是勤快的妈妈,教育出来的孩子反而孩子上幼儿园前,管父母要水喝,一举动让妈妈起疑心导言幼儿园是孩子上学之前必须要去的地方,幼儿园是孩子第一个群体生活的地方,里面会认识到许多小朋友,也是孩子开始练习和别人相处的地方。但是,许多家长却有些不太放心,毕竟宝宝第一次离开考生因拉肚子迟到,被拒绝进考场后痛哭,路人并不同情江苏抚州的一个中考考场外,一位母亲带着自己的儿子在大门口痛哭流涕。原因是孩子拉肚子导致迟到,被拒绝进入考场。这一场考试是英语考试,有听力,提前15分钟就不能进入考场。家长苦苦求情,不养老,你还是我女儿吗?妈,4套房子你都给了弟弟王老太跟丈夫年轻时生下了一个女儿,被人嘲笑后心里憋了一股火,怀上了二胎,幸运的是他们生下了一个儿子,这下没人再嘲笑了。儿子成了全家人的掌上宝,有什么好东西全都给了儿子,女儿感到很不文章被周一见毁了前途,周二见恋情却得祝福,开演员培训班很成功文章被周一见毁了前途,周二见恋情却得祝福,开演员培训班很成功娱乐圈有一些演员,虽然演技很好,但人品真的是一言难尽,好几位一时都曾被是演技派,也塑造了很多经典角色。但人品把不住,没红胡文煊当女生第三者?否认恋爱后被女方发视频锤,两队友被拉下水胡文煊当女生第三者?否认恋爱后被女方发视频锤,两队友被拉下水自从娱乐圈的瓜升级到有孩子之后,很多人对于一些糊爱豆的瓜就完全不感冒了,但是奈何有些嫂子真的是手段了得,不仅爆出的证据一教育完嘎子,潘长江陷入卖假酒风波被网暴,蔡徐坤又躺枪了教育完嘎子,潘长江陷入卖假酒风波被网暴,蔡徐坤又躺枪了很多老牌艺人,在这个网络发达的时候,也是容易出现翻车的情况。潘长江也是很多人喜欢的小品演员了,不过如今已经63岁的他,虽然有一
刘銮雄长子小15岁新欢曝光,网友吐槽父子审美隔了一条银河近日,据港媒报道,刘銮雄的长子刘鸣炜恋上了TVB的混血新闻主播,开始了新一段的恋情。据悉,这个主播叫赵慧奈,是一个中日混血的美女。两人疑似去年就已经在一起了。赵慧奈比刘鸣炜小了15张雨绮胖了,她的解释却让人无语,杨天真调侃你的谬论太多最新一期的我和我的经纪人中,杨天真找张雨绮谈工作。其实,杨天真很久都没看见过张雨绮了,一见面,她就发现张雨绮胖了。杨天真也很直接,当面调侃张雨绮胖了,甚至还质问她有没有愧疚感。其实S姐妹合体比靓年逾四十状态超好大S与路人合影,小S搞怪臭脸刚刚,有网友曝出大小S姐妹合体出席某品牌活动。年龄都超过40岁的两姐妹脸上毫无岁月痕迹,皮肤紧致表情自然,而且美得各有特色。一袭短发的小S不改搞怪本色,频频摆出臭脸扮高冷范儿。她还聂远上跑男,晒出节目组伙食,网友比我过年吃的都好!最近延禧攻略剧组也是被邀请上跑男录节目,吴谨言聂远等都是在微博上晒出了自己的名牌,大家也是在网上看到了很多录跑男时候的花絮,还有泥巴大战,撕名牌等游戏的环节,看来延禧攻略剧组这期跑有一种审美叫林永健的女儿,中国人嫌她丑,美国人却捧成狗!撞脸在娱乐圈很常见。虽然每一位明星都有自己的特点,但在民间总有他们遗落的兄弟。有时候不仅仅能在民间找到明星的兄弟,比如林永健的女儿,因为长得实在是太像而上了热搜,这位林永健的女儿还陈晓饰演儿科医生好帅,了不起的儿科医生来袭!陈晓上王牌!独孤皇后刚刚结束第一轮的热播,成绩十分亮眼,好几天荣登收视榜首,收官那天上了好几条热搜,陈晓和陈晓恩的合作备受认可。陈晓是一个演技非常扎实的演员,在这部剧中演绎了杨坚酣畅的一生,年看着他俩订婚,有多少人被打脸了?猝不及防!今天传出了向佐对郭碧婷求婚成功的新闻。向太今天在媒体放出路透照后主动公开在3月17日的求婚现场图,接受外界祝福。男主角这次准备得很充分,香槟音乐钻戒一应俱全,跪求女神嫁我昆汀的好莱坞往事即将上映,三个关键词暴力对白非线性昆汀的好莱坞往事对很多影迷而言是2019年最值得期待的作品,信息显示该片会在2019年的7月26日在美国本土上映,中国是否能够上映还不得而知。不过就被解救的姜戈在国内上映的情况来看小李子又演技大爆发了,迪卡普里奥这辈子能走到巨星巅峰靠了啥?来源东东和西西最近,昆汀的新片好莱坞往事发布了第一支预告片,虽然只有一分多钟,但弹眼落睛。不光有小李子和不辣的皮特两大颜霸居然还有李小龙的事(据说这个美国演员是李小龙的铁粉)看完一陈小艺濮存昕领衔主演贵妇还乡4月精彩亮相4月18日至21日,北京人民艺术剧院院藏经典贵妇还乡将亮相国家大剧院戏剧场舞台,92岁戏剧导演蓝天野携手青年导演刘小蓉共同执导,实力派演员陈小艺濮存昕联袂登台,精彩演绎剧作家迪伦马港剧迷这里看,TVB历届视帝视后大盘点香港TVB,是香港华语地区乃至整个东亚东南亚影响力相当大的一个电视台。电视广播有限公司(英文简称TVB),于1967年11月19日由利孝和祁德尊邵逸夫等人创办正式开业。由于是香港首