我一直在遵循这里的建议,在Altair图表中放置各种提示信息和信息小贴士。然而,如果将Altair图表设置为interactive(),则这些建议将无效 - 我觉得启用比例绑定会防止任何图形对象出现在矩形轴之外。
以下是一个基于该链接的复制示例:请比较注释掉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, alt.value(1.0), alt.value(0.0)),
).transform_calculate(
_label='"ABOVE AXES x = " + format(datum.x, ".2f") + ", y = " + format(datum.y, ".2f")',
)
text2 = 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(12),
text='_label:N',
opacity=alt.condition(select_point, alt.value(1.0), alt.value(0.0)),
).transform_calculate(
_label='"INSIDE AXES x = " + format(datum.x, ".2f") + ", y = " + format(datum.y, ".2f")',
)
chart = alt.layer(line, points, text1, text2)
# chart = chart.interactive()
以下信息有助于解释问题:
- 我使用 interactive() 和手动选择比例绑定来测试,效果相同
- 在将图表保存为 HTML 后,在 PyQT WebEngineView 容器中呈现
- 即使不使用交互 ON,对象在轴边界之外也肯定会被跟踪,我还测试了点标记:大型标记悬挂在轴边界上时,在交互 OFF 时完全可见,但是在交互 ON 时被截断。然而,如果你开启交互,并缓慢拖动轴边界,你可以看到绘图的标题向上移动,以避免一个大标记滑落到绘图的顶部边缘,直到标记的中心离开边界并且标题回弹到原位。
最重要的问题是,在 Altair 中如何使文本出现在轴边界之外,当图表设置为交互时?