Python 牛郎星图表上方的动态文本
在下面代码生成的图表中,用户可以将鼠标悬停在线段上,在图表上显示一个点,有关该点的信息显示在图表上方Python 牛郎星图表上方的动态文本,python,altair,Python,Altair,在下面代码生成的图表中,用户可以将鼠标悬停在线段上,在图表上显示一个点,有关该点的信息显示在图表上方 import altair as alt import numpy as np import pandas as pd df = pd.DataFrame({'x': np.linspace(0, 4, 1000)}) # df['y'] = np.sin(2 * np.pi * df['x']) df['y'] = 1.9 * df['x'] select_point = alt.sele
import altair as alt
import numpy as np
import pandas as pd
df = pd.DataFrame({'x': np.linspace(0, 4, 1000)})
# df['y'] = np.sin(2 * np.pi * df['x'])
df['y'] = 1.9 * 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)
texts = alt.Chart(df, width=600, height=400).mark_text(
align='left', baseline='bottom', dx=+5, dy=-5, fontSize=12,
).encode(
x=alt.value(0.0),
y=alt.value(df['y'].max()),
text='_label:N',
opacity=alt.condition(select_point, alt.value(1.0), alt.value(0.0)),
).transform_calculate(
_label='"x = " + format(datum.x, ".2f") + ", y = " + format(datum.y, ".2f")',
)
alt.layer(line, points, texts)
虽然用于绘制正弦曲线的代码已注释掉,但仍有用于绘制正弦曲线和直线的代码。当我运行脚本来显示正弦曲线时,我得到以下结果
当我运行脚本来显示行时,我得到如下结果
我认为正弦曲线图上的标签文字是正确的。但是,直线图上的标签文字太靠近图表顶部。有没有一种方法可以使标签文本始终偏离图表其余部分的顶部?牛郎星标度既有一个域,也有一个范围。域是指数据的范围,范围是指可视范围的范围
在x
和y
编码的情况下,从图表左侧(对于x
)和图表顶部(对于y
)以像素为单位测量范围。设置编码值总是指范围,而不是域
因此,如果希望文本显示在特定位置,而不考虑数据集,请不要将文本范围位置与数据集中的值绑定。例如,您可以执行以下操作:
y=alt.value(-1)
并从标记属性中删除dy
设置。这将指定您希望文本基线位于y轴顶部上方1个像素。感谢jakevdp——我的牵牛星问题的解决方案通常看起来非常简单!