如何解决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.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,).transform_calculate(
_label='"x = " + format(datum.x,".2f") + ",y = " + format(datum.y,".2f")',)
alt.layer(line,points,texts)
虽然已注释掉了绘制正弦曲线的代码,但仍有绘制正弦曲线和直线的代码。当我运行脚本以显示正弦曲线时,我得到以下信息。
我认为正弦曲线图上的标签文本正好正确。但是,折线图上的标签文本太靠近图表顶部。是否有办法始终将标签文本与图表其余部分的顶部保持偏移?
解决方法
Altair标尺同时具有 domain 和 range 。域是指数据的范围,范围是指可视范围的范围。
对于x
和y
编码,范围是从图表左侧(对于x
)和图表顶部(对于{ {1}})。设置编码y
总是指范围,而不是域。
因此,如果您希望文本不考虑数据集而显示在特定位置,请不要将文本范围位置与数据集中的值绑定。例如,您可以这样做:
value
,然后从标记属性中删除y=alt.value(-1)
设置。这将指定您希望文本基线比y轴顶部高1个像素。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。