1

openspec/changes/archive/2026-02-17-chart-optimization/specs/budget-gauge-display/spec.md

@@ -0,0 +1,29 @@
+## MODIFIED Requirements
+
+### Requirement: 仪表图容器布局
+预算仪表图 SHALL 在容器内正确居中显示，无错位。
+
+#### Scenario: 垂直居中展示
+- **WHEN** 用户查看预算页面的仪表图
+- **THEN** 仪表图 SHALL 在容器内垂直居中
+- **AND** SHALL 在容器内水平居中
+- **AND** 与上下其他元素 SHALL 保持适当间距（16px）
+
+#### Scenario: 响应式布局
+- **WHEN** 用户在不同屏幕尺寸下查看仪表图
+- **THEN** 仪表图 SHALL 保持居中不偏移
+- **AND** 容器高度 SHALL 自适应确保图表完整显示
+
+### Requirement: 页面错误处理
+预算页面 SHALL 正确加载并显示仪表图，无运行时错误。
+
+#### Scenario: 正常加载
+- **WHEN** 用户访问预算页面
+- **THEN** 页面 SHALL 无 JavaScript 错误
+- **AND** 仪表图 SHALL 正常渲染
+- **AND** 所有交互功能 SHALL 正常工作
+
+#### Scenario: 错误边界处理
+- **WHEN** 仪表图组件发生异常
+- **THEN** 系统 SHALL 捕获错误并显示友好提示
+- **AND** SHALL 不阻塞页面其他功能

openspec/changes/archive/2026-02-17-chart-optimization/specs/line-chart-dynamic-range/spec.md

@@ -0,0 +1,24 @@
+## ADDED Requirements
+
+### Requirement: 动态日期范围
+收支折线图 SHALL 仅展示有实际数据的日期范围，不包含未来无效日期。
+
+#### Scenario: 当前日期之前的趋势展示
+- **WHEN** 用户查看收支折线图（例如当前为17号）
+- **THEN** 图表 SHALL 只展示从月初到当前日期的数据点
+- **AND** SHALL 不包含17号之后到月底的空白日期
+- **AND** X轴标签 SHALL 对应实际有数据的日期
+
+#### Scenario: 整月数据展示
+- **WHEN** 用户查看历史月份的收支折线图
+- **THEN** 图表 SHALL 展示该月的完整日期范围（1号到月末）
+- **AND** 所有日期点 SHALL 有对应的数据值
+
+### Requirement: 数据点过滤逻辑
+系统 SHALL 根据当前日期自动过滤未来日期的数据点。
+
+#### Scenario: 实时数据过滤
+- **WHEN** 组件加载当月收支数据
+- **THEN** 系统 SHALL 获取当前日期
+- **AND** SHALL 过滤掉 labels 数组中大于当前日期的日期
+- **AND** SHALL 同步过滤 datasets 中对应的空数据点

openspec/changes/archive/2026-02-17-chart-optimization/specs/pie-chart-center-label/spec.md

@@ -0,0 +1,23 @@
+## ADDED Requirements
+
+### Requirement: 饼图中心展示总金额
+支出分类饼图 SHALL 在镂空区域中心位置展示当前选中数据的总金额。
+
+#### Scenario: 显示总支出金额
+- **WHEN** 用户查看统计页面的支出分类饼图
+- **THEN** 系统 SHALL 在饼图中心显示当前展示分类的总支出金额
+- **AND** 金额格式 SHALL 使用人民币格式（¥xx,xxx.xx）
+
+#### Scenario: 响应式适配
+- **WHEN** 用户在不同屏幕尺寸下查看饼图
+- **THEN** 中心文字 SHALL 自动调整大小以适应饼图尺寸
+- **AND** 文字 SHALL 始终保持水平和垂直居中
+
+### Requirement: 中心文字样式
+饼图中心文字 SHALL 使用统一的视觉样式。
+
+#### Scenario: 样式一致性
+- **WHEN** 系统渲染中心金额文字
+- **THEN** 字体大小 SHALL 为图表高度的 20%
+- **AND** 字体粗细 SHALL 为 bold
+- **AND** 字体颜色 SHALL 使用主题主色（#333333 或暗色主题对应色）

openspec/changes/archive/2026-02-17-chart-optimization/specs/pie-chart-label-positioning/spec.md

@@ -0,0 +1,24 @@
+## ADDED Requirements
+
+### Requirement: 分类标签智能定位
+饼图的分类标签 SHALL 避免与图标重叠，并清晰展示分类名称。
+
+#### Scenario: 标签位置优化
+- **WHEN** 系统渲染支出分类饼图
+- **THEN** 分类标签 SHALL 显示在饼图扇区外侧
+- **AND** 标签 SHALL 通过引导线与对应扇区连接
+- **AND** 标签文字 SHALL 显示分类名称而非仅在图标上叠加
+
+#### Scenario: 避免标签重叠
+- **WHEN** 多个分类扇区相邻且较小时
+- **THEN** 系统 SHALL 自动调整标签位置避免相互重叠
+- **AND** 当空间不足时 SHALL 使用图例(legend)代替直接标签
+
+### Requirement: 图标与标签分离
+分类图标和分类名称 SHALL 分开展示，不互相遮挡。
+
+#### Scenario: 清晰的视觉层次
+- **WHEN** 用户查看饼图
+- **THEN** 分类图标 SHALL 显示在饼图扇区内部或作为图例图标
+- **AND** 分类名称 SHALL 显示在标签位置而非图标上
+- **AND** 两者 SHALL 不重叠遮挡