大数据时代,人们不仅讲究以事实说话,更愿意以数据说话。
在此背景下,数据大屏可视化应运而生。大数据的真正影响力因数据可视化而得以释放。可视化数据大屏运用到越来越多的企业中,能够更直观地展现数据,让使用者去作出正确决策或行动、帮助使用者发挥数据本身的价值。
什么是数据可视化?
数据可视化主要旨在借助于图形化手段,清晰有效地传达与沟通信息。但是,这并不代表着数据可视化就一定因为要实现其功能用途而令人感到枯燥乏味,或者是为了看上去绚丽多彩而显得极端复杂。它是指将大型数据集中的数据以图形图像形式表示,并利用数据分析和开发工具帮助理解数据意义的过程。
优点:数据可视化大屏,是用数据可视化技术配合触控大屏,支持用户自助下钻查询数据,增强数据可读性。展示时,用户可以以数据可视化大屏作为现场直播的数据讲解平台,实现新旧媒体完美融合。数据可视化大屏的优点总结起来就是:
屏幕大、数据量大、展示信息量大。
目前一般情况下,企业的数据业务组织方式有两种:
-
以IT为中心,响应各业务部门的数据分析需求。业务方式是业务部门提出需求,IT部门在理解了需求后,集中开发(JS+Ecahrs)。这种方式目前是占据主流的模式,但是其弊端也比较明显:
IT部门响应业务部门的需求往往不够及时,或者不能很好的理解业务,这就会造成数据分析能力供不应求的局面。
业务部门总是抱怨IT部门能力不足,IT人员也会害怕业务人员的数据分析需求实在太多。
以业务部门为主导,业务人员直接参与分析,IT部门做为技术支撑。这种方式在企业数字化程度较高时,效率明显高得多。这种模式下,IT人员只需要做好数据层的支撑,具体数据分析、报表开发、分析报告的输出,完全交给精通业务的人员去处理,这样也能提升数据分析的质量。
功能支持
目前市面上开源的以及不开源的数据可视化工具基本都支持以下几种功能:
1、 支持多数据源,例如支持mysql,elasticsearch,kudu等
2、 支持权限设置,用户权限以及角色权限的设置
3、 支持图表拖拽配置。
4、 支持多种图表,基础图形(柱状图,折线图,环形图,雷达图等)以及高级图形(地图,区域图,3D图等)。
5、 支持文本框,超链接等,且可进行基本的设置,如字体大小,字体颜色,字体背景,对齐方式等
6、 进行不同图表的自定义配置,如主题,字体,样式等
7、 大屏适应多端。移动端,PC端
8、 可以进行预览操作
9、 支持添加视频,图片
10、可以进行模板预先设置,例如销售模板,流程模板等
11、同一数据源可以进行不同图表之间的切换
主流可视化工具现状
DataV
DataV 是阿里云出品的拖拽式可视化工具,专精于业务数据与地理信息融合的大数据可视化。但它并不是一个免费的工具。DataV 针对不同的使用场景,提供了很多酷炫的数据模板,其中就包括天猫双十一的数据大屏:
功能特性
-
丰富的场景模板、图表组件、地图组件、ECharts组件、三维城市组件。
DataV 在 WebGIS(网络地理信息系统) 领域下了很大的功夫,整合了各种各样的 WebGIS 能力。对 d3.js, leaflet.js, mapbox.js, 原生的 canvas,SVG,传统后端绘图地图瓦片,各种地理数据的映射、投影,以及地图多图层的事件响应等做了非常完善的整合。一般的 BI 或者可视化工具在基础图表上还都比较容易实现,但 GIS 部分就相对弱很多。
-
多种数据源接入,并且支持添加数据源操作
-
支持多分辨率适配:移动端和PC端
-
实时信息监控
实时掌握最新数据,只要数据发生变化,则立即在图表中呈现
DataV组件库
DataV 是一个开源的免费组件库,组件库支持vue和react版本,主要用于构建大屏数据展示(数据可视化)
注:使用组件库最好是使用Chrom 浏览器,没有做到与IE的兼容。
DataV组件是依赖于Vue的一个组件库,提供了多种类型的组件,
1、 边框:一个带着不同边框样式的容器
2、 装饰:用于装饰点缀页面,增加视觉效果
3、 图表:基于Charts 封装的图表组件
4、 其他:支持飞线图/水位图/轮播表/...
DataFocus
DataFocus是一个不开源的数据可视化工具,DataFocus在数据分析上,是首个采用自然语言进行数据分析的工具,能够系统智能适配图表,DataFocus拥有20多种图表,数据可视化大屏支持自定义配置。
功能特性
1、 搜索式智能分析
这个是它的一个很大的特点,采用搜索的方式,而不是传统的拖拽方式,制作方式的改变,大大地降低了可视化的难度以及复杂程度,提高了制图效率。像百度一样搜索的,根据搜索内容系统智能适配图表,直接展示,当数据维度多的时候搜索出图是比较便捷的。
2、 支持中英文自然语言搜索
系统架构
AJ-Repot
AJ-Repot是一个完全开源的BI平台,酷炫大屏展示,能随时随地掌控业务动态,让每个决策都有数据支撑。
功能特性
1、多数据源支持,内置mysql、elasticsearch、kudu、oracle等多种驱动
2、 支持自定义数据集
3、 支持数据源扩展,
4、 支持17+种大屏组件
5、 可以进行内联框架和各种统计图,图片,视频,表格,滚动文本,超链接,时间等的添加,支持大屏的宽高,标题,背景等的设置
6、 角色管理用户授权
7、 支持大屏报表和表格报表
核心技术
前端开发使用Vue技术,依赖于:
node.js 的包管理工具,用于管理前端项目中的包,插件,工具,命令等
使用ES6 语法来简化代码,快速的实现JS逻辑
Element-ui框架进行前端页面构建
vue-echarts 插件实现图表,基于基于 ECharts v4.0.1+ 开发
vuedraggable: 实现拖拽功能,是一款基于Sortable.js实现的vue拖拽插件
avue: avue是一个基于Element框架 低代码前端框架,它使用 JSON 配置来生成页面用该组件包裹后可以变成拖拽组件,采用相对于父类绝对定位;用键盘的上下左右也可以控制移动。
· Luckysheet:Luckysheet一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源。
后端开发依赖于:
Spring Boot2.3.5.RELEASE: Spring Boot是一款开箱即用框架,让我们的Spring应用变的更轻量化、更快的入门。 在主程序执行main函数就可以运行。你也可以打包你的应用为jar并通过使用java -jar来运行你的Web应用;
Mybatis-plus3.3.2: MyBatis-plus(简称 MP)是一个 MyBatis 的增强工具。
flyway5.2.1: 主要用于在你的应用版本不断升级的同时,升级你的数据库结构和里面的数据
兼容问题:
① Node.js V16
② Jdk 11
③ Mysql 8.0(8.0.23/26版本没有问题,8.0.21版本存在问题)
④ Windows 11
TempoBI
TempoBI是一个企业级自助式数据分析工具,可以满足复杂报表的定制,业务分析和可视化展示的自助式数据探索与分析工具。
功能特性
1、 数据处理能力
内置轻量级自助数据准备功能,允许用户根据需要对数据进行快速处理且对原始数据不产生影响。一键数据观察,掌握数据结构,零编码实现数据进行关联、追加、合并、汇总与逆透视;简单点击、配置,即可增加数据的属性列、调整列的类型,也可对数据的内容进行分组、分段、过滤、替换值、去除空格等。类Excel操作,让业务人员轻松实现数据复杂处理。
2、 数据可视化
支持50余种图形的可视化展示,支持中国式复杂报表设计,支持行政地区、Gis地图等丰富的图形组件。支持仪表板、可视化场景、PPT报告、Word报告等多种展示形式。
3、 通过拖拽的简单方式对数据进行分析和处理
4、 多终端与多渠道分享
从PC端到移动端再到数据大屏,实现分析成果多机制、多渠道、多终端共享
5、 3D模型
内置强大的3D模型渲染设计引擎,支持简单的拖拽式3D模型场景设计,可实时与3D模型交互, 3D模型亦可绑定数据对进行展示。 满足企业的3D模型渲染需求,增强产品的可视化效果。
6、 word 电子报告
支持Word报告模板定制,实现静态文本与动态图形、数据指标无缝融合;能够将字段、图表等映射到Word中,动态生成企业所需的电子报告,支持在线查看和导出,轻松支撑企业的日报、周报、月报等周期性电子报告。报告可动态生成下载,支持二次编辑。满足各种固定周期定制化报告编辑应用,简化重复工作。减少员工重复性劳动,增加工作效率。