随着大数据时代的来临,数据可视化是进行大数据分析和处理的有效方法。尤其是在涉及大数据的监控、指挥、调度等方面,通过交互式实时数据可视化大屏系统来帮助业务人员发现、诊断业务问题,越来越成为大数据解决方案中不可或缺的一环。可视化大屏系统有以下几个特点。首先,系统数据源错综复杂,开发人员消耗大量的精力与不同的数据库和接口对接。其次,系统与实体业务接触紧密,客户需要随时切换不同的数据源和接口。再次,系统组件之间数据关联程度小,使用Redux等状态管理方案并不能简单高效的对接数据源和接口。最后,系统需要考虑到大数据时代下数据有效性,能够及时更新数据。在此背景下,本文分析了当前数据可视化产品的现状,针对它们的特点并结合可视化大屏系统的需求,从设计和实现上提出了数据配置平台这一解决方案。数据配置平台实现了数据源配置、指标配置、API配置和WebSocket事件配置四个功能。数据源配置支持四种数据库的连接操作,指标配置支持三种数据接入方式,使开发人员能够轻松对接错综复杂的数据库和接口,而且,客户只需通过修改配置信息就能够随时切换数据源和接口。API配置可以将指标池中的指标组合成不同的API接口,降低了因数据接口变更造成不兼容的风险,提高了数据的可扩展性和可维护性。WebSocket事件配置提出了可视化大屏系统的前端组件通信方案和数据对接方案,提高了数据对接效率。该平台使用了前后端分离的架构,前端主要使用React技术实现单页面应用,采用Redux作为前端数据流管理方案,使用Redux-Saga管理异步操作。后端则使用Express和Socket.I0作为主体搭建,使用MongoDB作为数据库。系统前后端使用HTTP和WebSocket两种方式通信。在开发过程中,本人参与了整个系统的需求分析、设计工作、编码工作以及测试和发布。该平台目前已在内网上线,服务于十多个可视化大屏系统,有效地提高了开发效率,增强了数据配置的灵活性。