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

44 lines
1.6 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
## 1. 全局字体配置
- [x] 1.1 修改 `useChartTheme.ts`,添加 Chart.js 全局字体配置
- [x] 1.2 配置字体栈支持中文显示:`'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif`
- [x] 1.3 设置默认字体大小和颜色变量
## 2. Tooltip 格式化修复
- [x] 2.1 检查饼图组件的 Tooltip 回调函数,修复编码问题
- [x] 2.2 检查折线图组件的 Tooltip 回调函数,确保金额格式正确
- [x] 2.3 检查仪表盘组件的 Tooltip 配置
- [x] 2.4 确保所有 Tooltip 回调返回正确的字符串类型
## 3. 图表组件文本修复
- [x] 3.1 修复饼图分类标签的中文显示
- [x] 3.2 修复折线图 X 轴日期标签显示
- [x] 3.3 修复仪表盘中心文本(余额/超支)的中文显示
- [x] 3.4 确保图例Legend中文标签正确显示
## 4. 主题适配
- [x] 4.1 验证明色模式下图表文本清晰可读
- [x] 4.2 验证暗色模式下图表文本颜色和对比度
- [x] 4.3 修复主题切换时可能出现的文本渲染问题
## 7. 修复密集数字显示
- [x] 7.1 禁用折线图的数据标签datalabels
- [x] 7.2 验证明暗模式下图表显示正常
## 5. 测试验证
- [x] 5.1 在 Chrome 浏览器中验证所有图表文本显示
- [x] 5.2 在移动端浏览器中验证图表文本显示
- [x] 5.3 验证 Tooltip hover 时文本无乱码
- [x] 5.4 检查控制台是否有相关错误日志
## 6. 代码审查
- [x] 6.1 运行 `pnpm lint` 检查代码格式
- [x] 6.2 运行 `pnpm build` 确保构建成功
- [x] 6.3 检查是否有未使用的导入或变量