1

openspec/changes/archive/2026-02-18-chart-detail-fix/specs/budget-gauge-display/spec.md

@@ -0,0 +1,45 @@
+## 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 不阻塞页面其他功能
+
+### Requirement: 仪表盘信息展示约束
+预算仪表盘 SHALL 仅展示已用、预算、余额三项核心信息，且不出现颠倒文字或额外数字。
+
+#### Scenario: 仅展示核心信息
+- **WHEN** 系统渲染预算仪表盘
+- **THEN** 仪表盘中心区域 SHALL 仅显示已用、预算、余额
+- **AND** SHALL 不出现颠倒文字或额外数字
+
+### Requirement: 仪表盘弧度范围
+预算仪表盘弧形 SHALL 略大于半圆但不形成全圆。
+
+#### Scenario: 弧度扩展显示
+- **WHEN** 系统渲染预算仪表盘
+- **THEN** 仪表盘弧形 SHALL 超过 180°
+- **AND** SHALL 保持非全圆形态

openspec/changes/archive/2026-02-18-chart-detail-fix/specs/chart-detail-fix/spec.md

@@ -0,0 +1,25 @@
+## ADDED Requirements
+
+### Requirement: 饼图不直接显示扇区文字
+系统 SHALL 禁止在饼图扇区内直接绘制分类名称文字。
+
+#### Scenario: 默认不显示扇区文字
+- **WHEN** 系统渲染支出分类饼图
+- **THEN** 扇区内 SHALL 不绘制分类名称文字
+- **AND** 分类信息 SHALL 通过列表或图例展示
+
+### Requirement: 仪表盘仅展示三项核心信息
+预算仪表盘 SHALL 仅展示已用、预算、余额三项核心信息，且文字方向正确。
+
+#### Scenario: 移除多余与颠倒文本
+- **WHEN** 系统渲染预算仪表盘
+- **THEN** 仪表盘中心区域 SHALL 仅显示已用、预算、余额
+- **AND** SHALL 不出现颠倒文字或额外数字
+
+### Requirement: 仪表盘弧度略大于半圆
+预算仪表盘的弧形范围 SHALL 略大于半圆但不形成全圆。
+
+#### Scenario: 弧度扩展显示
+- **WHEN** 系统渲染预算仪表盘
+- **THEN** 仪表盘弧形 SHALL 超过 180°
+- **AND** SHALL 保持非全圆形态

openspec/changes/archive/2026-02-18-chart-detail-fix/specs/pie-chart-label-positioning/spec.md

@@ -0,0 +1,24 @@
+## MODIFIED 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 不重叠遮挡