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.0 KiB
1.0 KiB
Purpose
定义饼图（Doughnut）在中心区域展示总金额的规范，提升数据可读性。
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 或暗色主题对应色）