Files
EmailBill/openspec/changes/archive/2026-02-17-fix-chart-garbled-text/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.1 KiB

Why

在浏览器中查看图表时,饼图、折线图等图表上出现了错乱的字符串显示问题,影响数据可读性和用户体验。这可能是由于 Chart.js 配置中的字体设置、编码问题或 tooltip/label 格式化错误导致的。

What Changes

  • 修复饼图、折线图、仪表盘等图表上的错乱字符串显示
  • 检查并修正图表字体配置,确保使用中文字体或兼容字体
  • 修复 tooltip 和 label 的格式化回调函数
  • 确保图表文本在各种主题(明/暗色模式)下正确显示

Capabilities

New Capabilities

  • chart-text-encoding-fix: 修复图表文本编码和字体配置,确保中文和特殊字符正确显示

Modified Capabilities

  • chart-migration-patterns: 更新图表迁移模式中的文本渲染配置,确保 Chart.js 图表文本正确显示

Impact

  • 前端组件: Web/src/components/Charts/ 下的所有图表组件
  • 配置文件: 图表主题配置文件 useChartTheme.ts
  • 工具函数: 图表辅助函数 chartHelpers.ts
  • 页面: 统计页面、预算页面等使用图表的页面