运营数据看板产品系统

零售/电商运营的数据可视化场景。运营团队每天要回答的问题很固定：卖得怎么样、哪个渠道带来的、哪个时段订单最多、哪些商品在拖后腿——但这些数据散落在系统各处，靠翻报表效率很低。本项目做一个运营数据看板：把核心指标、趋势、结构与明细集中到一屏，支持按周期切换查看，供运营例会与日常盯盘使用。立项目的：验证“数据密集型界面”的图表与布局能力，这类需求看起来偏后端，实际交付物以前端界面为主。

单页数据看板，包含四个层次的内容。一、核心指标区：成交额、订单数、客单价、退款率四张 KPI 卡，每张含环比涨跌标识与迷你趋势线，涨红跌绿，符合国内业务阅读习惯；二、成交趋势：按日统计的折线图，含线上与门店两个维度，支持 7/30/90 天周期切换；三、结构分析：渠道构成环形图、品类表现柱状图、时段分布图，从不同维度拆解成交；四、明细区：商品 Top 6 表格，含销量、成交额与退款率列。图表悬停显示数值提示，整体一屏内完成浏览，无需翻页。

独立完成全部前端开发。技术栈：原生 JavaScript + ECharts 5，单页实现；ECharts 库文件本地化引入，不依赖外部 CDN，内网与断网环境均可正常演示。实现亮点：①四张 KPI 卡内嵌迷你趋势线（sparkline），用极小的图表面积传达趋势信息，主次分明；②全站配色遵循“涨红跌绿”的国内业务惯例，正向指标用红色系、负向用绿色系，避免使用者误读；③图表按视口自适应渲染，窗口尺寸变化时重算布局；④演示数据集中定义在一处，替换为真实接口数据时只改数据层，图表配置可整体复用。