SVG垂直X轴标签偏移问题求助：线条与文本位置不符

这种垂直文本标签偏移、线条穿过文本的情况我之前做图表时也踩过坑！核心问题几乎都是文本锚点或旋转原点的对齐逻辑搞混了，咱们一步步来解决：

1. 先检查文本锚点（Anchor Point）的设置 #

大部分绘图库（不管是Qt Charts、Matplotlib还是你自己封装的C++绘图逻辑）都会给文本提供对齐锚点的参数。垂直文本默认往往是用「左下角」作为锚点和X轴刻度点对齐，但这就会导致整个文本向左偏移——你看到的红蓝线穿过文本，就是因为刻度点在文本的左下角位置，而不是你预期的文本中心。

解决办法很直接：把文本的锚点改成中心对齐或者右侧对齐。举个C++ Qt绘图的例子：

QPainter painter(this);
QString verticalLabel = "你的X轴标签";
// 设置文本对齐方式为居中
painter.drawText(xPos, yPos, verticalLabel, QTextOption(Qt::AlignCenter));

如果是旋转文本，记得在旋转前就把对齐参数设对，不然旋转后的锚点逻辑会更乱。

2. 手动计算偏移量修正位置 #

如果库的锚点设置不好使，那就手动算文本的尺寸来补偏移。垂直文本的宽高是互换的——原文本的高度会变成旋转后的宽度，所以我们需要把文本的绘制位置加上这个宽度的一半：

// 先获取文本的边界矩形
QRectF textBounds = painter.boundingRect(QRect(), Qt::AlignLeft, verticalLabel);
// 旋转后文本的实际宽度是原高度
qreal offset = textBounds.height() / 2;
// 把偏移加到X坐标上，让文本中心和刻度点对齐
painter.drawText(xPos + offset, yPos, verticalLabel);

这样调整后，红蓝线就会刚好在文本的正下方（或正上方），和你预期的绿线位置一致。

3. 别忽略旋转原点的影响 #

如果你的垂直文本是通过旋转90度实现的，一定要注意旋转原点的位置。默认旋转原点是文本的左下角，旋转后整个文本会向左偏移。正确的做法是先把原点移到刻度点，再调整旋转中心：

painter.save();
// 先把坐标系原点移到X轴刻度点
painter.translate(xPos, yPos);
// 旋转文本（比如顺时针转90度）
painter.rotate(90);
// 绘制文本时，把文本的中心和原点对齐
painter.drawText(-textBounds.width()/2, 0, verticalLabel);
painter.restore();

这样旋转后的文本就会以刻度点为中心，不会出现偏移。

总的来说，只要搞清楚文本的「对齐锚点」和「旋转原点」，要么用库的自带参数调整，要么手动补偏移，就能解决这个问题啦！

内容的提问来源于stack exchange，提问作者mike marchywka