Question

令我疯狂的是，下面屏幕截图中的注释箭头并不是直的。我错过了什么？我怀疑它与我指定xy和xytext位置的方式有关，但它们都有相同的y。

这是我指定注释的方式：

plt.annotate('Head Motion Cutoff',
             xy=[data.shape[0], motion_cutoff],
             xytext=[data.shape[0]+12, motion_cutoff],
             fontsize=14,
             arrowprops=dict(fc='#A9A9A9',
                             ec='#A9A9A9',
                             arrowstyle='simple',
                             shrinkA=4,
                             shrinkB=4))

Answer 1

由于文本的垂直对齐（在这种情况下＆＃39; Head Motion Cutoff＆＃39;）。箭头与文本的中心对齐，但默认情况下，文本的基线将设置为您在xytext中给出的坐标。

最简单的解决方法是将文本的verticalalignment (or va)设置为'center'，这样一切都很顺利。

例如：

import matplotlib.pyplot as plt
fig, ax = plt.subplots(1)
ax.grid(color='k', alpha=0.5, ls=':')

plt.annotate('Head Motion Cutoff (va=bottom)',
             xy=[0.1, 0.2],
             xytext=[0.4, 0.2],
             fontsize=14,
             arrowprops=dict(fc='#A9A9A9',
                             ec='#A9A9A9',
                             arrowstyle='simple',
                             shrinkA=4,
                             shrinkB=4),
             va='bottom')

plt.annotate('Head Motion Cutoff (va=baseline)',
             xy=[0.1, 0.4],
             xytext=[0.4, 0.4],
             fontsize=14,
             arrowprops=dict(fc='#A9A9A9',
                             ec='#A9A9A9',
                             arrowstyle='simple',
                             shrinkA=4,
                             shrinkB=4),
             va='baseline')

plt.annotate('Head Motion Cutoff (va=top)',
             xy=[0.1, 0.6],
             xytext=[0.4, 0.6],
             fontsize=14,
             arrowprops=dict(fc='#A9A9A9',
                             ec='#A9A9A9',
                             arrowstyle='simple',
                             shrinkA=4,
                             shrinkB=4),
             va='top')

plt.annotate('Head Motion Cutoff (va=center)',
             xy=[0.1, 0.8],
             xytext=[0.4, 0.8],
             fontsize=14,
             arrowprops=dict(fc='#A9A9A9',
                             ec='#A9A9A9',
                             arrowstyle='simple',
                             shrinkA=4,
                             shrinkB=4),
             va='center')

plt.show()

Answer 2

问题是箭头默认连接到文本的中心。

但是，您可以使用arrowproperties的relpos参数更改箭头所连接的位置。

plt.annotate(...,  arrowprops=dict(..., relpos=(0, 0)) )

相对位置在文本边界框的坐标中指定。

对于底部对齐的文字，可以选择relpos=(0,0) 对于居中对齐的文字，可以选择relpos=(0,0.5) 对于顶部对齐的文本，可以选择relpos=(0,1) 问题是，如果文本不包含任何字符（如此处的"g"），那么可以使用relpos=(0,0.2)可能有意义。

示例：

import matplotlib.pyplot as plt
fig, ax = plt.subplots(1, dpi=200)
ax.grid(color='k', alpha=0.5, ls=':')

plt.annotate('Head Motion Cutoff',
         xy=[0.1, 0.8],
         xytext=[60, 0], 
         verticalalignment = "baseline",
         arrowprops=dict(arrowstyle='simple',
                         fc='#A9A9A9', ec='#A9A9A9',
                         shrinkA=4, shrinkB=4,
                         relpos=(0, 0.2)),             
         fontsize=11, 
         textcoords="offset points")



ap = dict(fc='#A9A9A9', ec='#A9A9A9', arrowstyle='simple',
          shrinkA=4, shrinkB=4)

fontsize = 11
aligns = ["bottom", "top", "center"]
positions =  [dict(relpos=(0, 0.)),dict(relpos=(0, 1)),dict(relpos=(0, 0.5))]
kw = dict(fontsize=fontsize, textcoords="offset points")


for i, (align,pos) in enumerate(zip(aligns,positions)):
    ap.update(pos)
    kw.update(dict(arrowprops=ap)) 
    plt.annotate('Head Motion Cutoff (va={})'.format(align),
             xy=[0.1, i*0.2+0.2],
             xytext=[60, 0],
             va=align, ha="left", **kw)

plt.show()

在matplotlib.pyplot.annotate中控制箭头的角度

2 个答案: