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

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

  今天谈下自定义报表和可视化监控大屏设计方面的内容,准备分三个部分来讲,第一是先看下当前主流的商用报表工具的功能特点,其次分别谈下报表设计和可视化监控大屏设计。商用报表工具的实现思路
  图片来源网络
  最近在网上搜索自定义报表,监控大屏制作,搜索到了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中,方便我们根据时间进行数据过滤。同时对于大屏我们需要配置定时刷新频率,基于该频率对展示内容进行动态刷新。

李湘瘦出新高度,大方公开减肥方法,直言会吃才会瘦,没大量运动到了阿姨这个年纪,大家对减肥的态度明显有了转变,从减肥只是为了变美,到减肥希望自己能够显得年轻些,再到减肥更多是为了健康,所有的努力说白了就是两点,不希望过早地衰老,更不希望因为肥戚薇瘦出新高度,大方给出减肥方法,直言无需大量运动,不用节食提起减肥,很多人会告诉你,少吃多运动就能够瘦下来,事实真的是这样吗?其实减肥和所有的事情一样,都是需要方法的,大道理谁都懂,但是真正去做的时候就会发现,依然是一头雾水。尤其是对于体让生活好看张栢芝坦言什么都不怕,爆最怕的人,张栢芝神回答艺人张栢芝早前参与内地选秀节目乘风破浪的姐姐2,人气再度攀升,更一度被指是出道大热,这几年主力内地发展大把捞银,最近她又在内地出扮演综艺节目让生活好看,展现与儿子的相处过程,原来什凤凰传奇翻唱海底再度翻红,网友原版是绝望,翻唱是上岸最近,凤凰传奇翻唱的海底一直在网络上被刷屏,有网友甚至说,曾毅的说唱部分,简直让她感受到了梵音。还有人说,原版的海底是海底,是深不见底的绝望与颓靡。但是凤凰传奇的版本则是海底捞,让肖战喜获十大最时尚男士提名,完美诠释TODS低调奢华的风格TODS官方今日更新官博非常荣幸地宣布肖战先生为品牌代言人,他将意大利风格与中国新一代的精神和魅力完美地融合在一起。美国和泰国地区官网也发布品牌代言人肖战同款已售罄,要下周后半段才佟丽娅素颜罕露面,蹲路边玩手机没架子,肆意撑懒腰状态好近日,有媒体拍摄到佟丽娅低调现身某工作室门口,引来一众网友关注。当天,佟丽娅蹲在路边悠闲的玩着手机,随意又接地气,一点也没有明星架子。她身穿简单的白色T恤和黑色阔腿裤,披散着一头秀范冰冰精修生图对比明显,皮肤暗黄面部肿,唯一的武器也要失效了范冰冰已经越来越没有人气了,当年叱咤风云的范爷如今只能是娱乐圈曾经的传说了。但她自己却并不这么想,没了霸气那就吹嘘颜值,最近传她神颜的一张照片走红,各种营销号又一顿吹捧。照片中,范关晓彤回校拍毕业照,生图暴露了23岁的真实状态,这皮肤我看愣了关晓彤回校拍毕业照谈及关晓彤,相信很多人对她都不陌生。关晓彤从小就开始进入娱乐圈演戏,长大后也成了大家眼中的国民闺女,有颜值有身材不说,演技也不错。童星出身的关晓彤,现在也是很多剧李咏女儿晒性感照庆19岁生日,气质冷艳美过哈文,瘦到胸骨突出5月21日,李咏女儿法图麦在社交平台晒出一张性感照庆生,配文19,再接再厉。照片中,法图麦身穿黑色紧身吊带裙,勾勒出纤瘦窈窕的好身材。她的体态修长,身形凹凸有致,曲线非常完美,还瘦李湘带女儿开直播,母女俩肤色差过于明显,还小声叮嘱女儿开心点李湘带女儿开直播,母女俩肤色差过于明显,还小声叮嘱女儿开心点随着直播平台越来越火爆,各个网络平台上也都涌现出了不少网红,网红跟明星们不一样,不需要有高颜值,高学历,只要有才艺,那在别说安泰的世故庸俗,看安欣安杰保有的个性,就知道他付出了什么安泰这个人物,是父母爱情里面的一个配角,但是他却是一个非常立体逼真的人物。其他角色,你也会觉得那是戏中的理想化人物,但是安泰这个角色,你会觉得这是生活中的人。安泰看起来不怎么讨喜,
从电商主播到直播销售员,直播带货像线下导购一样面临规范作者赵天成7月6日,人力资源社会保障部联合国家市场监管总局国家统计局发布了9个新职业,其中最为引人瞩目的莫过于互联网营销师。而互联网营销师下面又增设了直播销售员,这意味着,我们通常造假坏账创始人辞职,欢瑞世纪能否挺过低谷期?作者赵天成自借壳上市以来,欢瑞世纪就一直麻烦不断。从2016年开始,几乎每年都会被监管部门地毯式问询,甚至被证监会立案调查,长期和监管层躲猫猫。财务造假坏账艺人出走创始人辞职实控人从少主且慢行分账金额破7000万看映美传媒的网生内容逻辑2020年上半年,宅经济的意外爆发给网络影视行业带来了深刻的影响。一方面,网络电影领域迎来了一些新的入局者,囧妈肥龙过江大赢家等院线电影转战线上播出。这些虽然不是传统意义上的网络电微信顶格资源打造的视频号,能否成为下一个抖音快手?作者猫叔最近的短视频行业发生了两件大事,一件是TikTok被要求在9月15日前出售或关闭美国业务,另一件是微信视频号助手开放内测。自微信视频号开放注册以来,在极短的时间内日活就突破影院复工首日全国总票房351万,还有11400家影院尚未开门作者赵天成停摆179天,电影行业终于吹响了复苏的号角。虽然不得不满足日排片缩减一半隔排隔座售票禁止售卖零食等硬性标准,但电影院总算艰难地开门营业了。7月20日,影院复工首日,全国超影院复工,还需要克服哪些困难?作者赵天成7月16日,国家电影局发布关于在疫情防控常态化条件下有序推进电影院恢复开放的通知,允许低风险地区电影院在各项防控措施有效落实到位的前提下,可于7月20日有序恢复开放营业。网络剧5月备案过审数量持续处于低位,都市题材是主力军作者于小辛7月6日,广电总局公布了2020年5月重点网络影视剧规划备案情况,其中通过规划备案的网络剧共66部1433集,平均每部21。7集,现实题材占比高达76。本来2020年网剧卧鱼成青春片黑马爱奇艺如何使小众题材破圈实现大众热度作者猫叔在戏曲表演中,有一种著名表演程式叫做卧鱼。以京剧演员在戏曲高潮点时像鱼儿在水底静止不动的姿态而得名。做好这个动作,需要腿下蹲,气上拔,一气呵成,这个动作爆发力极强,需要常年明星直播带不动货,销售额水分高达99作者赵天成很多年后,回想起无比尴尬和羞愧的今天,我会对自己说,我可是那个开过直播翻过车的吴晓波。7月10日,在新国货首发直播带货结束10天后,吴晓波发布文章吴晓波十五罐,承认直播翻网络剧6月备案冯小刚入局网剧,标点符号体剧名成新潮流作者黑八受备案政策趋严和疫情的影响,2020年网络剧备案过审数量持续处于低位,但6月份呈现出了明显的好转趋势。8月7日,广电总局公布了2020年6月重点网络影视剧规划备案情况,其中网络剧7月全网上新29部圈层剧全面开花头部剧开启联播模式作者赵天成7月份正值暑期档,网剧市场也显得特别热闹纷呈。新上线的网剧中,不仅有南派三叔亲自监制和编剧的重启之极海听雷,还有根据天下霸唱小说改编的河神2。南派三叔和天下霸唱新剧对打,