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

1.6 KiB
Raw Blame History

1. 全局字体配置

  • 1.1 修改 useChartTheme.ts,添加 Chart.js 全局字体配置
  • 1.2 配置字体栈支持中文显示:'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif
  • 1.3 设置默认字体大小和颜色变量

2. Tooltip 格式化修复

  • 2.1 检查饼图组件的 Tooltip 回调函数,修复编码问题
  • 2.2 检查折线图组件的 Tooltip 回调函数,确保金额格式正确
  • 2.3 检查仪表盘组件的 Tooltip 配置
  • 2.4 确保所有 Tooltip 回调返回正确的字符串类型

3. 图表组件文本修复

  • 3.1 修复饼图分类标签的中文显示
  • 3.2 修复折线图 X 轴日期标签显示
  • 3.3 修复仪表盘中心文本(余额/超支)的中文显示
  • 3.4 确保图例Legend中文标签正确显示

4. 主题适配

  • 4.1 验证明色模式下图表文本清晰可读
  • 4.2 验证暗色模式下图表文本颜色和对比度
  • 4.3 修复主题切换时可能出现的文本渲染问题

7. 修复密集数字显示

  • 7.1 禁用折线图的数据标签datalabels
  • 7.2 验证明暗模式下图表显示正常

5. 测试验证

  • 5.1 在 Chrome 浏览器中验证所有图表文本显示
  • 5.2 在移动端浏览器中验证图表文本显示
  • 5.3 验证 Tooltip hover 时文本无乱码
  • 5.4 检查控制台是否有相关错误日志

6. 代码审查

  • 6.1 运行 pnpm lint 检查代码格式
  • 6.2 运行 pnpm build 确保构建成功
  • 6.3 检查是否有未使用的导入或变量