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.6 KiB
1.6 KiB
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 检查是否有未使用的导入或变量