831 B
831 B
需求分析 —— 2026-04-19-00-33-44
需求来源
用户发现 Dashboard 中"最近 30 天"模式下的趋势图表过于密集:30 个数据圆点、30 个数值文本、30 个日期标签挤在一起,完全无法阅读。
需求概述
需求 1:30 天模式稀疏化显示
在"最近 30 天"模式下:
- 不绘制每一天的数据圆点
<circle>和数值文本<text> - 仅保留平滑的面积图轮廓和折线
- X 轴日期标签每隔 5 天显示一次(稀疏化)
需求 2:Tooltip 悬停交互
- 平时隐藏具体数值
- 鼠标悬停在曲线区域时,显示浮动 Tooltip,展示该位置对应的日期和报告数量
涉及文件
src/pages/Dashboard.tsx
需求影响范围
仅影响 Dashboard 趋势图表的 SVG 渲染和交互逻辑,7 天模式保持不变。