大数据可视化大屏实例
最近得到公司的一个任务,就是开发可视化大屏,这个我也没有弄过啊,所以当时是有一点手足无措的感觉,然后在进行借助搜索之后,发现数据大屏其实也就是那样,一般最经典的数据大屏就是 图加背景然后加数据就搞定了,接下来我就介绍下所了解的技术,进行开发数据大屏。
Echarts
Apache ECharts (incubating) 是由百度捐给 Apache 开源基金会的开源项目,目前正在孵化中。ECharts是一款基于Javascript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。
提供大量常用的数据可视化图表,底层基于ZRender(一个全新的轻量级canvas类库),创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、力导向布局图以及和弦图,同时支持任意维度的堆积和多图表混合展现。
这绝对是开发数据大屏的最基础的技术之一,他里面包括很多的可视化图,用于系统开发,其实做过数据大屏的可以看到,里面就是一些图,然后跟后台数据对接就完事了
官网地址: http://echarts.apache.org/zh/index.html
Datav
专精于业务数据与地理信息融合的大数据可视化,通过图形界面轻松搭建专业的可视化应用, 满足您日常业务监控、调度、会展演示等多场景使用需求。
阿里出品,主要用于数据大屏开发,双十一的那个大屏数据大家都看到了吧,就是用他开发的,阿里也进行开源,不过只开源了部分组件,还有一些复杂的组件需要自己去买,如果嫌开发,就自己上去够买吧。
官网地址:http://datav.jiaminghi.com/guide/
接下来,我们来看看实例吧,毕竟对于一个后台开发来说,从基础开始开发还是有点难度的,所以我们就看看大佬们写的demo吧,其实我自己是有开发过的,只不过太难看了,公司领导说,还可以,被我自己无情拒绝,然后就找了一个开源的拿来改了下,接下来看看大佬们开源的项目吧
DataV 官方开源 demo: http://datav.jiaminghi.com/demo/
可视化大屏模板:https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi
演示地址 : https://monitor.cloudbed.vip
代码地址 https://gitee.com/MTrun/big-screen-vue-datav?_from=gitee_search
代码地址 :https://github.com/yyhsong/iDataV
演示地址: https://yyhsong.github.io/iDataV/
好了,上面的这些demo和文档基本上都满足了我们的开发需求,自己加以改进进行二次开发就完事了,希望能帮助其他的朋友。
本文地址:https://blog.csdn.net/qrn196789910/article/details/107483105