随着互联网应用的蓬勃发展,迎来了大数据时代,越来越多的人通过可视化技术来分析、理解数据,挖掘数据蕴含的价值。相比于传统的静态图表,如今的数据可视化以更生动、友好、直观的方式展现数据,使数据更加客观、更容易理解。数据可视化可应用在文本数据、数值数据、多维数据等,在气象领域、电力系统、水利管理、地理信息分析等场景中使用大屏可视化,让更多的人看到数据可视化的魅力。但是,目前大屏可视化应用存在的问题有(1)定制化大屏,用户只能根据定制好的大屏模板制作大屏应用,缺乏对组件化布局大屏的支持;可视化系统图表组件单一、可配置项单调,对自定义组件、地理类组件的支持不够;(2)操作繁琐,流程上从数据上传、生成缓存图、选择大屏模板、制作并编辑大屏模板,最后生成可视化应用;(3)大屏内存在海量数据和大数据量图表组件时,大屏可视化在浏览器端页面渲染缓慢。针对上述问题,本文重点围绕可视化技术和大屏可视化系统进行研究和分析,主要研究内容有:(1)定义了组件化布局大屏的构建方法,丰富了大屏组件,采用ECharts图表组件、自定义组件研发大屏可视化,可配置项多样化,包括数据配置和样式配置,静态配置和动态配置,动画效果引用自研的Animation动画库,无需编码,以拖拽的方式在大屏内自由布局,以满足大屏个性化需求;(2)设计并实现了一种基于缓存的大屏页面渲染机制,基于Web缓存,分批加载,提高了系统性能,保证了系统的可用性;(3)设计并实现了基于Web的大屏数据可视化系统,本文从数据源管理、大屏组件管理、可视化应用管理一站式的可视化服务。以B/S架构为基础,以Vue.js开发前端页面,以Node.js完成服务端的搭建,在系统实现过程中使用Koa2、ElementUI等优秀框架进行开发。本文基于Web设计并实现了大屏数据可视化系统,将相关技术研究与应用场景相结合实现了便捷灵活的可视化应用,为用户提供了组件化布局大屏的构建方法,该系统为各行业用户提供了大屏可视化服务。