bimwe/mini-programs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复一堆问题

Browse Source
This commit is contained in:
张成
2026-02-07 11:56:43 +08:00
parent b29e000747
commit 5a10c73adf
10 changed files with 65 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Radar/indexV2.tsx
View File

@@ -102,26 +102,15 @@ const RadarChartV2 = forwardRef<RadarChartV2Ref, RadarChartV2Props>((props, ref)
ctx.lineWidth = 1 * (radarSize / 200); // 根据2倍图调整线宽
ctx.stroke();
// 标签 - 文字显示在圆圈外面
const offset = 10 * (radarSize / 200); // 文字距离圆圈的偏移量（2倍图）
const textX = center.x + (radius + offset) * Math.cos(angle);
const textY = center.y + (radius + offset) * Math.sin(angle);
// 标签：沿轴线外侧延伸，文字中心对齐轴线端点（与 index.tsx 一致）
const labelOffset = 28 * (radarSize / 200); // 文字距离圆圈的偏移量（2倍图）
const textX = center.x + (radius + labelOffset) * Math.cos(angle);
const textY = center.y + (radius + labelOffset) * Math.sin(angle);
ctx.font = `${12 * (radarSize / 200)}px sans-serif`; // 根据2倍图调整字体大小
ctx.fillStyle = "#333";
ctx.textBaseline = "middle";
// 调整文字对齐方式
if (
Math.abs(angle) < 0.01 ||
Math.abs(Math.abs(angle) - Math.PI) < 0.01
) {
ctx.textAlign = "center";
} else if (angle > -Math.PI / 2 && angle < Math.PI / 2) {
ctx.textAlign = "left";
} else {
ctx.textAlign = "right";
}
ctx.textAlign = "center";
ctx.fillText(label, textX, textY);
});