c49f66757e
Some checks failed
Docker Build & Deploy / Build Docker Image (push) Waiting to run
Docker Build & Deploy / Deploy to Production (push) Has been cancelled
Docker Build & Deploy / Cleanup Dangling Images (push) Has been cancelled
Docker Build & Deploy / WeChat Notification (push) Has been cancelled
26 lines
1.3 KiB
Markdown
26 lines
1.3 KiB
Markdown
## Why
|
|
|
|
当前图表组件存在多个用户体验问题：支出分类饼图缺少关键信息展示、收支折线图包含无效的未来日期数据、预算仪表图存在布局错位和运行时错误。这些问题影响数据可视化的准确性和美观性，需要统一优化以提升用户体验。
|
|
|
|
## What Changes
|
|
|
|
- **支出分类饼图优化**: 在饼图中心镂空区域展示总金额，优化标签位置避免与图标重叠
|
|
- **收支折线图优化**: 移除当前日期之后的无效未来日期数据点，仅展示实际有数据的日期范围
|
|
- **预算仪表图修复与优化**: 修复页面报错，调整仪表图布局解决错位问题，提升视觉美观度
|
|
|
|
## Capabilities
|
|
|
|
### New Capabilities
|
|
- `pie-chart-center-label`: 在饼图中心展示总金额的能力
|
|
- `pie-chart-label-positioning`: 饼图分类标签智能定位避免遮挡图标
|
|
- `line-chart-dynamic-range`: 折线图根据实际数据动态调整日期范围
|
|
|
|
### Modified Capabilities
|
|
- `budget-gauge-display`: 预算仪表图的展示逻辑和布局要求变更
|
|
|
|
## Impact
|
|
|
|
- **前端**: 修改 Web/src/components/Charts/ 下的饼图、折线图、仪表图组件
|
|
- **依赖**: Chart.js 配置选项调整，可能涉及 chartjs-plugin-datalabels
|
|
- **页面**: 影响统计页面、预算页面的图表展示
|