交互式 Altair 绘图轴上方的文本

如何解决交互式 Altair 绘图轴上方的文本

一段时间以来，我一直在遵循关于问题 here 的建议，将各种提示/信息放在我在 altair 中的绘图中。但是，如果 altair 绘图设置为交互（），则此建议不起作用 - 在我看来，启用比例绑定可防止任何绘图对象出现在矩形轴之外。

这是一个基于该链接的复制示例：比较生成的图在末尾是否带有注释的 interactive() 行。

    import altair as alt
    import pandas as pd
    import numpy as np

    df = pd.DataFrame({'x': np.linspace(0,4,1000)})
    df['y'] = np.sin(2 * np.pi * df['x'])

    select_point = alt.selection_single(fields=('x',),nearest=True,on='mouSEOver',empty='none')
    line = alt.Chart(df).mark_line().encode(
        x='x:Q',y='y:Q',)
    points = line.mark_point(filled=True,size=100).encode(
        opacity=alt.condition(select_point,alt.value(1.0),alt.value(0.0)),).add_selection(select_point)
    text1 = alt.Chart(df,width=600,height=400).mark_text(
        align='left',baseline='bottom',dx=+5,fontSize=12,).encode(
        x=alt.value(0.0),y=alt.value(-1),text='_label:N',opacity=alt.condition(select_point,).transform_calculate(
        _label='"ABOVE AXES x = " + format(datum.x,".2f") + ",y = " + format(datum.y,".2f")',)
    text2 = alt.Chart(df,y=alt.value(12),).transform_calculate(
        _label='"INSIDE AXES x = " + format(datum.x,)
    chart = alt.layer(line,points,text1,text2)
    # chart = chart.interactive()

Interactive OFF Interactive ON

其他信息，如果有帮助/相关：

• 我使用交互（）和手动选择比例绑定对此进行了测试，效果相同
• 将图表保存为 HTML 后，我正在 PyQT WebEngineView 容器中进行渲染
• 肯定某种跟踪超出轴边界的对象，即使它们没有在交互式打开时显示。我还用点标记进行了测试：悬垂在轴边界边缘的大标记在交互式关闭时完全可见，但在交互式打开时被切断。但是，如果您打开交互式并缓慢拖动轴边界，您可以看到绘图 title 向上移动以避免大标记从绘图的顶部边缘滑出，一直滑到绘图的中心标记离开边界，标题重新向下。

底线问题：当绘图设置为交互式时，如何让文本显示在 altair 的轴边界之外？

解决方法

将 clip=False 传递给 mark_text()，文本将在轴外可见。

clip 参数默认为 False 用于非绑定比例，True 用于绑定比例。