Files
EmailBill/openspec/changes/archive/2026-02-18-chart-detail-fix/proposal.md
SunCheng 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
2026-02-18 21:16:45 +08:00

1.0 KiB

Why

当前统计页图表存在视觉干扰:饼图直接叠加分类名称,半圆仪表盘出现颠倒文字与多余数字,影响可读性与数据理解,需要尽快修复以保证核心统计信息清晰。

What Changes

  • 饼图不再在扇区上直接展示分类名称,避免文字遮挡与视觉噪音。
  • 半圆仪表盘移除颠倒文字与多余数字,仅展示“已用/预算/余额”三项核心信息。
  • 仪表盘弧形从半圆略微加大(更接近圆弧),利用空白区域提升视觉完整度。

Capabilities

New Capabilities

  • chart-detail-fix: 统计图表细节显示修复(饼图标签与仪表盘信息展示规范)。

Modified Capabilities

  • pie-chart-label-positioning: 调整饼图标签显示规则,禁止直接叠加在扇区上。
  • budget-gauge-display: 调整仪表盘显示内容与弧度范围。

Impact

  • 前端:Web/src/components/Charts/ 与统计页相关视图、Chart.js 配置
  • 依赖:chart.jsvue-chartjs 现有配置方式