由于互联网、云计算等计算机技术的飞速发展,制造企业在生产、管理、运维等方面产生了超越以往任何年代的海量数据,企业对隐藏在数据中的价值越来越感兴趣,也愈发认识到使用数据可视化工具对数据进行多维展现的重要性。但是传统的数据可视化工具由于其功能过于杂乱,偏向底层,专业程度高,操作不够灵活的特点,对于不具备数据可视化相关知识的普通用户来说在使用上难免会有局限,影响用户的使用体验。本文针对上述问题设计并实现了一个拖拽式数据可视化工具,该工具只需用户通过简单的拖拽操作即可快速完成从连接数据源、解析和转换数据、配置可视化图表的数据和样式、仪表板个性化布局到分享数据可视化结果一系列数据可视化流程。论文的主要工作为:(1)需求分析。本文首先对现有数据可视化工具及数据可视化方法进行梳理,分析并规范数据可视化工具的业务流程,整理本工具支持的主要功能。在此基础上,通过统一建模语言(Unified Modeling Language,UML)说明系统的功能需求。(2)系统设计和实现。在需求分析的基础上,设计系统总体架构图,分层次对拖拽式数据可视化工具的设计思路进行说明,并通过功能分解图确定系统的功能结构。针对工具的实现进行技术选型,根据业务场景明确了本工具的实现大部分依赖前端,故前端设计模式选择MVVM框架及其衍生出来的视图模型。确定基于Spring Boot+React框架开发本工具,并采用数据可视化框架ECharts解决项目中图表封装和可视化交互这两个关键问题。通过类图对系统的编码流程进行建模,并采用序列图描述各个主要功能的详细实现过程。根据系统的功能需求对数据库进行设计,包括绘制数据库的逻辑模型图和物理模型图,以及对各个数据库表进行详细的解释说明。(3)系统测试。在完成系统编码工作后,部署测试环境并设计测试用例,对本工具的主要功能模块进行详细的功能测试,并且对本工具进行性能测试,确保工具能够达到灵活、可配置的效果。经过系统测试和实际应用,本工具各个功能运行正常,具备良好的性能,达到设计目标,满足企业提出的各项需求。用户通过简单的拖拽操作即可便捷地完成复杂的数据可视化流程,能够有效提高使用体验和工作效率,降低用户的学习成本。