图表大屏：把散落在 7 个系统里的数据汇成一块屏

背景

客户需要在指挥中心与汇报会议上，用一块屏把多个业务系统的核心指标同时呈现。此前的做法是各部门各自提供 PPT，每次汇报前由两个人花三天时间拼接数据。

面临的挑战

• 数据源分散：指标分别来自 7 个不同的业务系统，口径与更新时间各不相同。
• 口径不一致：同一个「总量」在不同部门的表格里含义不同，汇报时经常被追问。
• 更新不及时：PPT 是静态的，一个数字出错就要整页重做。
• 分辨率不统一：会议室大屏、指挥中心拼接屏与移动端预览的比例差异很大。

解决方案

我们以 ThinkPHP 8 + 前端可视化引擎构建了数据大屏系统：

• 数据源接入层：支持直连数据库、HTTP 接口与定时导入三种方式，把 7 个系统的数据统一落到指标层。
• 指标口径中心：每个指标只定义一次，注明取数逻辑、更新频率与责任部门，从制度上解决口径争议。
• 组件化图表库：沉淀 38 项可直接复用的图表与指标组件（趋势、排行、占比、地图、进度等）。
• 自适应布局：同一套配置可输出会议室、指挥中心与移动端三档分辨率视图。
• 定时刷新与快照：按分钟级刷新数据，同时保留历史快照，便于回溯汇报当时的口径。

建设亮点

真正解决痛点的不是图表好看，而是「指标口径中心」。把每个指标的定义、取数逻辑和责任部门写进系统之后，会议上的争论从「你这个数不对」变成了「这个口径要不要调整」——这是一个性质完全不同的讨论。

成果

汇报准备时间从 3 个工作日压缩到接近零，数据从产生到上屏的延迟控制在 5 分钟以内，同一指标在各场合的呈现完全一致。

启示

大屏项目的成败在数据治理，不在视觉设计。先把口径统一，再谈图表样式，否则只是把混乱放大到更大的屏幕上。