随着现代社会中信息技术的高速发展,数据可视化已成为数据分析领域非常重要的技术之一。各种类型的图表是数据可视化的重要工具,由多种图表组成的大屏能够帮助人们非常直观简洁地分析数据。本文中所指的大屏,就是一种数据可视化的综合手段,即把不同类型的数据通过多样、适当的图表整合到一起,形成一个完整的数据可视化界面,该界面往往被投放在各种分辨率和各种尺寸的屏幕载体上。为了生成上述的大屏页面,用户目前有两类数据可视化工具可以选择使用,一类是面向软件技术人员的编程框架,其主要为开发者提供专业编程接口来实现数据可视化;二是面向普通用户的数据可视化系统。但在大数据环境下,普通用户存在面向大屏进行图表展示的需求,所以对数据可视化工具提出了更高的要求,例如较高的性能、学习成本要低、操作要更简便等需求。针对上述问题,本文通过对相关可视化技术和可视化系统现状的详细研究,基于Web设计并实现了一款面向大屏的图表展示系统,以便众多普通用户可以使用该系统轻松地去创建数据可视化大屏,方便简单地完成数据分析工作。本文研究内容及工作主要包含以下四部分:(1)基于Vue.js与Node.js设计实现了一种能生成多种类型图表并最终面向大屏的通用性图表展示系统。该系统操作友好且功能全面,具备大屏动态配置、数据源对接、大屏管理、用户管理等功能。(2)基于ECharts可视化框架设计实现一种大屏动态配置功能,该功能主要包括完善的图表渲染、友好的拖拽布局交互效果和画布的实时更新。(3)设计实现多种数据源对接方式,主要分为数据库对接、前端输入静态JSON数据对接、Mock数据对接和上传本地CSV文件四种方式。(4)设计实现一种大屏页面快速渲染与发布机制,并通过性能测试验证了该机制提高了用户所发布的大屏在浏览器端的加载速度。本文基于Web实现的面向大屏的图表展示系统,支持多种用户角色使用,并具有方便的用户管理功能。本系统采用前后端分离的架构,整体架构符合组件化和模块化的设计原则。此外,为了解决在大数据量和大量图表情况下的数据可视化大屏在浏览器端渲染缓慢的问题,本系统从架构层面提供了一套大屏页面快速渲染与发布机制。该机制主要内容分为两个方面,一是针对数据大屏的特点定制一套可扩展的基于JSON Schema大屏页面描述文档,二是提供一种大屏页面后端渲染引擎,在Node.js运行环境将大屏中的图表以SVG模式进行后端渲染,并生成含有大屏页面结果的HTML文档,将大屏页面以URL的形式进行发布。最后,本文系统通过了一系列的功能测试、单元测试和性能测试的验证,符合系统的功能性需求和非功能性需求,具有较高的实际应用价值。