用finereport做一个大屏
大屏在公司越来越常见了，我认为最大的作用还是更及时的发现生产过程中的问题，大屏的选择有很多，比如公司的前端可以自己开发下，或者用报表软件开发，tableau或者帆软都行，还有直接购买外面成熟的大屏产品，比如阿里云的datav。我们公司是买的帆软，report也可以实现这一功能，就用这个做了。
一、数据源问题
先说下数据源的问题，互联网公司有一定规模，实现实时数据监控还是有一定开发工作的，大屏只是个结果，过程还有很多工作要做，离线数仓系统冗余了很多信息，实时的和批任务处理结果完全保持一致还是不太容易的，我们公司规模不大，流处理基本没上，所以用的还是mysql的业务从库作为数据源，每隔一分钟刷新一次；如果规模大点，直接刷mysql不太刷的动，需要流任务先处理成分钟级的汇总数据，再写到mysql，几乎没见到直接用大数据计算引擎的，比如impala或presto这种，应该是稳定性考虑。
二、报表内容设计
大屏主要展示哪些内容，还是要跟业务契合点，是领导或者同事在乎的东西，不能为了做而做。基于此，主要放日活，流水，各业务线流水，近14天相同时段流水，今日每分钟流水数据，商品销售榜，商户销售榜这8部分的数据。
三、数据连接
把需要的数据sql和参数选好
四、确定下各个位置放哪些内容
大屏就那么大，需要分下主次，我用的最普通的结构，中间放主要的数据，两边放次要的数据，类似下面datav这种形式
我采用的是如下的形式：
左上是日活，中间是流水分数字显示，其他的占比就是饼图，波动就是曲线，然后确定下每个块的大小
五、调整图的样式和配色
帆软的这个能调整的东西还是很多的，坐标轴和字体大小啥的，然后就是设置背景，再根据背景调整各个图的配色，大屏用蓝色背景的比较多，配图要跟着调整一下，看起来更专业点，然后不断预览结果修改细节的地方。最后设置下报表自动刷新的东西。
六、效果图
七、总结
整体来说难度不大，很考验审美，调配色真是个主观的东西，但是内容有了就能达到90分，其他配色啥的是90->95分的水平，有了大屏是雪中送炭，更华丽是锦上添花；还有就是流和批完成一致还是有难度的，比如我们的流水数据我知道可能会有那么一点点误差。
用finereport做一个大屏相关推荐
- 知乎万赞回答：什么工具能做可视化大屏，还能做数据地图？
好多人跟我说vue.python.Pyecharts做可视化大屏,绝对有一套. 我看了一下,其实一般般,就像我在问答里说的那样,门槛不低,基本上是程序员在做. 现在对于可视化的要求,大屏是一方面,数据 ...
- 0基础怎么做可视化大屏？2种可以节省95%时间的方法教给你
如今的可视化大屏已结束快速发展的阶段,逐步趋于稳定.但对于零基础的小白来说,做可视化大屏这件事,本身还是会存在着一定的困难. 比如说,不知道怎么连接数据库,连接完后一旦数据口径发生明显的改变,或是数据 ...
- 别再敲代码了，用对工具，做可视化大屏原来这么简单！
每年的双十一,天猫都会在整点时刻直播战绩,可怕的战绩背后,不知道大家是否留意到背后展示的大屏,简直酷炫吊炸天. 所谓大屏,顾名思义就是一个很大很大的屏. 举个例子,Dashboard可能大家有所了解, ...
- 一个大屏监控380个泵房，13000个设备，智能水务是怎么实现的？
江苏中法水务有限公司前身是常熟市自来水公司,成立于1984年,经过2018年的股份制改革,现在核心业务主要分为供水.二次供水.污水处理.市政工程和智能水务五大板块,服务于两百万人口. 作为一家公共事业 ...
- 做一个墨水屏电子钟，炫酷！
这周和大家介绍一个漂亮的墨水屏电子钟,兼具气象站功能(可以通过GPS自动设置),用4节AAA电池可以续航6个月左右,而且,为了保证安全和可靠性,它不需要任何网络连接. 特点包括: 自动设置(通过GPS ...
- 用Vue搭建一个大屏数据可视化页面实战一（Vue实战系列）
一.从网上找一个喜欢的图 1.首先大屏要先解决屏幕适配的问题:这里用viewport的方案,使用postcss-px-to-viewport插件,在vue项目里新建postcss.config.js配 ...
- 新一代开源数据可视化开放平台，是如何做实时大屏/报表的？
先看两张简单配置的习作 datart 实时大屏--决策驾驶舱 datart--生产大屏 上面是在国产开源的数据可视化 datart 上简单配置的两个实时大屏,截图展现不出来交互的效果,下面传一段视频: ...
- onenet数据流模板_用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
## 1.试用背景与项目简介 大家好,我是你们的老朋友xukejing,好久不见! 最近,中移物联网推出了OneNET View2.0数据可视化工具,它具有拖拽式编辑.多种功能组件.多数据源对接.自动 ...
- [ Arduino+Python ] 做一个串口屏，显示CPU使用率
Arduino 和 Python 虽然是不同的编程语言,但并不影响共同实现一个制作.(传统说法就是一个在上位机编程,一个给下位机编程) 只需要下图所示的两个常见零件 UNO 和 LCD 盾板( 2. ...
最新文章
- 使用 OpenCV 和 Python 模糊和匿名化人脸
- IDC：2018年中国人工智能市场规模达17.6亿美元
- JS字符串的下划线命名和驼峰命名转换
- LeetCode 17. Letter Combinations of a Phone Number
- Action 参数的取值及其含义
- 63.死锁和死锁的原因
- Python-自定义函数-参数
- oracle 904 maxsize,EXP-00008: 遇到 ORACLE 错误 904 ORA-01003
- 使用jQuery加载js脚本
- bzoj1967 [AHOI2005]穿越磁场 离散最短路
- 怎么能避免浏览器请求超时_浏览器请求服务器超时
- 热的感觉是顺经络走的
- JS获取IP、MAC和主机名的五种方法
- 最新美团Java面试题目(共3面)
- 新概念二册 Lesson 46 Expensive and uncomfortable既昂贵又受罪（同位语从句+doing/being done+介词后的宾语从句）
- el轮播图片image单张图比例缩放及多张图宽度固定高度等比例自适应展示；
- 计算机组成原理——中央处理器cpu
- 使用 KubeKey 快速安装 Kubernetes 集群
- Arduino温度传感器全系列使用详解
- 关于维信小程序的Wxparse.wxParse的解释