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