立项背景:
物流/电商业务需要一屏总览当日运营情况,替代分散的多系统查询,目标是搭建可长时间挂屏展示的实时数据大屏。
核心功能:
1)核心指标行(今日订单、在途运单、准时率、平均时效、异常运单);
2)全国运力地图:重点城市脉冲散点 + 主干线路飞线动画;
3)近 24 小时订单趋势双序列对比;
4)区域发货量、承运商占比、配送时效分布、重点线路时效排行;
5)实时运单播报流与异常运单分级监控。
业务流程:
数据层模拟/接入接口 → 图表按周期刷新 → 异常项高亮提示。
原生 HTML/CSS/JS 零依赖实现,ECharts 5 完成全部可视化组件:地图(省级 GeoJSON 本地化,含南海诸岛)、飞线、脉冲散点、环形、柱线复合图;1920×1080 设计稿,深色科技风,面板带边角装饰与 LIVE 状态。我独立完成视觉设计、图表配置与数据模拟。主要难点:多图表同屏的性能与渲染一致性(关闭动画、按帧渲染);地图标签与散点标签的层叠冲突通过层级与缩放参数调整解决。同一套图表组件可直接复用到电商、政务等其它大屏需求。