炫酷大屏demo_那些炫酷高端的可视化大屏,是如何开发出来的?
最近,我不止一次地听到来自粉丝的需求——可视化大屏怎么做?
难道是大家年底都在冲业绩?
既然说到可视化驾驶舱大屏,必然是我很感兴趣的了,下面是自己多年的教程和心得分享给大家。
工具选择
Excel、python、还是专业的可视化软件?
我首先放弃了Excel,可视化模板开发对我来说还是很简单的,也能实现图表联动,但是没办法实现数据实时展现,大数量承载能力也一般
从效率角度讲,python是个不错的选择,但是代码不熟练的话,我劝你放弃
所以我还是选用专业的可视化软件来做,上手门槛比较低,我用的是国内比较有名一个报表工具FineReport
本来以为它是和Excel差不多用法,但是看了网友用它做的可视化大屏,知道它做可视化开发也很厉害
制作步骤
教程只讲可视化demo的制作过程,硬件部分不涉及
1、确定主题及展示指标
在设计可视化驾驶舱或大屏的时候,我们第一步要先确定我们大屏/驾驶舱的主题,然后列出我们想要在这张大屏上想要展示的数据指标和分析维度
驾驶舱主要包括:管理驾驶舱、业务管理驾驶舱、专项管理驾驶舱
战略驾驶舱:战略型驾驶舱的作用主要是让使用者快速掌握企业的运营情况,并据此快速做出决策,对过去做出总结或是对未来拟定战略性目标
分析型驾驶舱:分析型驾驶舱的作用主要是让管理者不仅可以看到到表层的信息,还可以深入探究表层现象发生的原因
通过钻取联动过滤等操作,从现象出发,沿着数据的脉络去寻找原因。比如销售业绩为什么下降,回款时间长的原因又是什么
专项管理驾驶舱:操作型驾驶舱强调持续、实时的信息汇报。
2、掌握决策报表操作基础
在FineReport中,大屏和驾驶舱都是基于决策报表开发的,通过将不同的组件堆砌在页面中制作而成。
首先,我们打开finereport设计器的决策报表模式,新建决策报表,选择想要使用的图表组件(也可以选择图表组件或者参数组件)直接拖拽进面板上,然后可以进行进一步的编辑:
有了图表,但是我们还没有数据怎么办?很简单,只需要通过查询数据集,将想要进行分析展示的数据取出来,然后将其绑定给图表组件就OK了
比如你想要展示不同销售员的销量情况,就要将新建的数据集绑定给柱状图,然后选择合适的分类、系列名和系列值,这样基本上一个图表组件就完成了
掌握了用决策报表制作可视化组件后,驾驶舱制作也就迈出了第一步
3、拖拽图表组件布局
数据准备好之后,按照我们之前的排版布局图,把对应的图表组件拖拽到画布上
5、设置图表
到上一步,我们的驾驶舱雏形就出来了,然后再给每个图表组件绑定好数据源,设置好样式、特效,基本就差不多了
基础图表的设置很简单,我就不展示,给大家看一下数据地图设置:
6、大屏的原型及可视化设计
根据之前定好的业务指标进行排版:
主:核心业务指标安排在中间位置、占较大面积,多为动态效果丰富的地图
次:次要指标位于屏幕两侧,多为各类图
表辅:辅助分析的内容,可以通过钻取联动、轮播显示
一般把有关联的指标让其相邻或靠近,把图表类型相近的指标放一起,这样能减少观者认知上的负担并提高信息传递的效率
视觉方面,一般会上设计师出一个效果图,确定排版布局和配色方案
最重要的是输出一些装饰组件,适当给标题、数字等添加一些诸如边框、图画等在内的点缀效果,能帮助提升整体美观度,然后再在FineReport中设计
7、配色
布局好之后下一步就是要进行配色,包括图表、背景、组件、数据等等,颜色越多,搭配的难度就越大
所以大多数的时候选择临近色系,颜色跨度在90°左右,当用对比强烈的颜色搭配时,要掌握好颜色的比例,大量的主色搭配少量的对比色
到这一步,基本上驾驶舱的雏形就做完了,然后我们可以对背景、图表配色细节进行美化
背景可以选择颜色或者是图片背景,做的匆忙我就没高兴找背景图,直接用的颜色,点击body>样式 进行设置
8、预览最终效果
上述设置完后,点击预览,一张科技感的可视化驾驶舱就完成了:
除了一些基础的可视化图表之外,这个软件还提供很多炫酷动态的图表组件,可以实现自动播放、3D动画特效等多种效果,多维度地展示数据,提升驾驶舱科技感
另外,一些创意元素的应用能够让可视化驾驶舱更加生动,比如,假如我们要做一个航空管理驾驶舱,就可以利用一些飞机图标、图画之类的拟物效果,让驾驶舱效果更加灵动!
炫酷大屏demo_那些炫酷高端的可视化大屏,是如何开发出来的?相关推荐
- 基于阿里云之大数据学习:使用DataV制作实时销售数据可视化大屏
学习目标: 了解数据可视化应用场景 掌握阿里云DataV可视化工具 了解可视化大屏制作流程 使用DataV模板制作数据可视化大屏 一.数据可视化介绍 1.数据可视化: 是指将相对复杂的数据通过可视的. ...
- 阿迪达斯发布公司新战略;联合利华美容个护产品将弃用“正常”一词;TCL电子发布高端Mini LED智屏 | 美通企业日报...
今日看点:阿迪达斯公布新的公司战略"掌控全场",聚焦三大重点领域.联合利华旗下所有美容个护品牌在包装以及广告中将弃用"Normal"相关表达.意大利高端牛仔品牌 ...
- 科技感海报大合集,分分钟做出高端海报
工欲善其事必先利其器!!今天我们为你精选了 互联网科技感高端矢量素材777款 今天给大家带来了 互联网科技感高端矢量素材777款 格式:AI/EPS矢量分层源文件 大小:4.83G 资源部分展示 ▼ ...
- 自适应响应式炫酷汽车配件类网站源码 html5高端大气汽车网站织梦模板
简介: 本套织梦模板采用织梦内核开发的模板,这款模板使用范围广,不仅仅局限于一类型的企业,汽车配件.汽车类的网站都可以用该模板.你只需要把图片和文章内容换成你的即可,颜色都可以修改,改完让你耳目一新的 ...
- 从阿里腾讯的大会上得到的启示,来分享一些可视化大屏
上次分享了数字化转型的资料,这次换一个. 近几天,去参加了某大公司的大会,听到了关于智慧城市.数据中台.数据可视化等多方面的分享,我觉得真的很好. 以前,能为老板创造价值的是这些: 现在不同了,对数据 ...
- 华为智慧屏鸿蒙系统深度评测,高端技术下放毫不吝啬!华为智慧屏SE系列评测:鸿蒙OS让入门大屏也好用...
一.前言:高起点的华为智慧屏 终究走向更多大众用户 智慧屏从概念落地为产品之后,一直都是华为旗下终端产品当中一个相当重要的角色,特别是在手机业务受阻的当下,更是成了全场景智慧化战略的核心支撑之一. 凭 ...
- 教你轻松玩转-ChatGPT或生成类大模型--助你成为未来高端黄金职业人
文章目录 1.前言 2.大模型--巴拉巴拉小魔仙 3.巴拉巴拉小魔仙-指导方向 3.二次元美女或科幻图-魔法 4.Cosplay-魔法 5.魔法师 5.1.系统消息 5.2.小样本学习 5.3.非对话 ...
- 一加首款5G手机曝光!骁龙865+120Hz+屏下摄像,引领高端新潮流
一加手机从创建开始就一直走精品路线,价格一直定位在3000以上.虽然一加在国内的名气不大,但在海外市场,一加的名气要直追华为,新机发布时,海外甚至要连夜排队抢购. 一加也成为了除苹果.三星.华为以外的 ...
- 高端Uart TFT 串口屏控制芯片
LT7688 是一款高效能 Uart TFT 串口屏控制芯片.其内部结合了 乐升 半导体 的 32bit MCU - LT32U02 及 TFT 图形加速器 - LT768 的核心架构,主 要的功能就 ...
最新文章
- Struts+Hibernate+MyEclipse+Tomcat+MySQL的乱码之解决
- jquery json
- 电脑卡,eclipse Android stadio 卡,什么都卡解决方法
- 前戴尔EMC中国研究院院长创业:推出AI加速虚拟化平台,开发者可免费使用
- python加载dll函数失败_Python:使用ctypes访问DLL函数 – 按函数* name *访问失败
- php method_exists 检测类中是否包括函数
- 太平鸟上云 推动中国服饰行业新零售转型
- python列表写入字典_python – 将列表字典写入CSV文件
- 《专家速成手册》 做专家只需记住6点
- Excel:仅选择可见的单元格
- 删除亚马逊Kindle电子书的DRM,将AZW转为PDF格式文档
- mysql 最大长度_mysql VARCHAR的最大长度到底是多少
- IT漫话第三篇:电影网站关联豆瓣评分
- 估值20亿美元 快狗打车将成“货运第一股”?
- P1434 [SHOI2002]滑雪【记忆化搜索DP】
- 使用软碟通(UltraISO)刻录Linux系统
- 判断是否为回文字符串(Java)
- 复旦大学-华盛顿大学EMBA校友:将"她力量"变成"我们的力量"
- 【Linux】实验报告8 Linux文件系统
- 在foxmail上添加阿里邮箱