chore: migrate remaining ECharts components to Chart.js

- Migrated 4 components from ECharts to Chart.js:
  * MonthlyExpenseCard.vue (折线图)
  * DailyTrendChart.vue (双系列折线图)
  * ExpenseCategoryCard.vue (环形图)
  * BudgetChartAnalysis.vue (仪表盘 + 多种图表)

- Removed all ECharts imports and environment variable switches
- Unified all charts to use BaseChart.vue component
- Build verified: pnpm build success ✓
- No echarts imports remaining ✓

Refs: openspec/changes/migrate-remaining-echarts-to-chartjs
This commit is contained in:
SunCheng
2026-02-16 21:55:38 +08:00
parent a88556c784
commit 9921cd5fdf
77 changed files with 6964 additions and 1632 deletions

View File

@@ -0,0 +1,20 @@
## MODIFIED Requirements
### Requirement: AI生成分类图标
**Reason**: 原AI生成SVG图标方案不够直观生成的图标与分类名称不匹配影响用户体验。改为使用Iconify API检索真实图标库。
系统SHALL能够根据分类名称生成搜索关键字并允许用户从Iconify图标库中选择图标。
#### Scenario: 生成搜索关键字
- **WHEN** 系统接收到分类名称
- **THEN** 系统SHALL使用AI生成3-5个相关英文搜索关键字
- **THEN** 系统SHALL将搜索关键字保存到TransactionCategory.IconKeywords字段
#### Scenario: 用户选择图标
- **WHEN** 用户从Iconify图标列表中选择一个图标
- **THEN** 系统SHALL将Iconify标识符如"mdi:home"保存到TransactionCategory.Icon字段
#### Scenario: 前端图标渲染
- **WHEN** 前端接收到图标标识符
- **THEN** 前端SHALL使用Iconify图标组件渲染`<span class="iconify" data-icon="mdi:home"></span>`
- **THEN** 前端不需要额外的npm包直接使用Iconify CDN