28 lines
1.1 KiB
Markdown
28 lines
1.1 KiB
Markdown
|
## 1. 图表布局修复
|
|||
|
|
|
|||
|
|
- [x] 1.1 检查 BaseChart.vue 响应式配置，确保 maintainAspectRatio: false 和 responsive: true
|
|||
|
|
- [x] 1.2 为统计卡片添加 CSS 约束，设置 overflow: hidden 和固定高度
|
|||
|
|
- [x] 1.3 验证图表在移动端（<375px）下正常缩放无溢出
|
|||
|
|
|
|||
|
|
## 2. 折线图数据过滤
|
|||
|
|
|
|||
|
|
- [x] 2.1 在统计页面组件中添加当前日期获取逻辑
|
|||
|
|
- [x] 2.2 实现数据过滤函数，根据周期类型（日/周/月/年）截断未来日期数据
|
|||
|
|
- [x] 2.3 更新折线图数据传递，仅传递过滤后的数据
|
|||
|
|
- [x] 2.4 验证 X 轴不再显示未来日期
|
|||
|
|
|
|||
|
|
## 3. 饼图标签渲染
|
|||
|
|
|
|||
|
|
- [x] 3.1 安装 chartjs-plugin-datalabels 插件
|
|||
|
|
- [x] 3.2 在 useChartTheme.ts 中添加饼图标签配置
|
|||
|
|
- [x] 3.3 实现标签位置计算和扇区大小阈值控制（<5% 隐藏标签）
|
|||
|
|
- [x] 3.4 添加暗色模式下的标签颜色适配逻辑
|
|||
|
|
- [x] 3.5 验证标签在各类别扇区上正确显示
|
|||
|
|
|
|||
|
|
## 4. 测试与验证
|
|||
|
|
|
|||
|
|
- [x] 4.1 运行前端 lint 检查
|
|||
|
|
- [x] 4.2 在桌面端验证所有图表显示正常
|
|||
|
|
- [x] 4.3 在移动端验证响应式布局
|
|||
|
|
- [x] 4.4 验证暗色模式下图表标签可读性
|