销售运营数据看板（7/30/90 天切换 · 异常预警）产品系统

客户是华东区做全渠道零售的品牌方，销售数据分散在天猫、京东、抖音、线下门店四个系统里，每月由财务汇总成 8 张 Excel，再手工做一版 PPT 给老板。问题是数据滞后半个月，汇报时只能看已经发生的，做不了应对。看板要解决的是把分散的销售口径统一到一屏，并让异常在发生时就被看见。

一、KPI 概览：销售额、订单量、客单价、退款率四张卡，带环比与近 14 天迷你趋势。二、时间维度切换：7 / 30 / 90 天三档，切换后所有图表和 KPI 同步重算。三、趋势对比：销售额与订单量双轴折线，悬停显示十字线和当日数值。四、渠道构成：环形图按渠道拆分销售额占比。五、月度对比柱状图。六、异常提醒：退款率超标、库存见底、渠道环比异动三条自动检测结果。七、TOP 商品表，点表头可排序。

我负责从数据口径梳理到前端实现的全过程。技术栈 HTML5 + CSS3 + 原生 JavaScript，图表为手写 SVG，不依赖任何图表库，整页约 27KB。难点有两个：一是各维度数字必须自洽，KPI、趋势、环形共用同一份数据源，避免客户当场发现对不上；二是窄屏下图表要能看清，所以图表做了重绘而不是简单缩放。