1

openspec/changes/archive/2026-02-17-fix-chart-garbled-text/proposal.md

@@ -0,0 +1,25 @@
+## 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`
+- **页面**: 统计页面、预算页面等使用图表的页面