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
1.3 KiB
1.3 KiB
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
- 页面: 影响统计页面、预算页面的图表展示