Altair mark_text 标签，其中链接了 x 轴中的域

Question

我试图在链接到另一个图表的选定间隔的一些 altair 图表上提供文本标签。我意识到“mark_text ()”给出的文本在图表的最后一点没有完全显示，其中 x 轴中的域被指定为所选的间隔，我也不知道如何指定格式以便日期将以 yyyy-mm 或 month-year 的形式给出（不想显示日期）。

我意识到的另一件事是，当图表的 x 轴上的域也链接到另一个图表中选择的间隔时，指定工具提示根本不显示，这就是我使用 mark_text()
的原因我使用的代码如下

import altair as alt
from vega_datasets import data

nearest = alt.selection_single(nearest=True, on='mouseover',
                    encodings=['x','y'], empty='none')
interval = alt.selection_interval(encodings=['x'])
weather = data.seattle_weather()
base = alt.Chart(weather).mark_rule(size=2).encode(
x='date:T')

chart = base.mark_line().encode(
x=alt.X('date:T', scale=alt.Scale(domain=interval.ref())),
    y='temp_max:Q',).properties(
width=800,
height=300)

text=base.mark_text(align='left', dx=5, dy=5).encode(
y='temp_max:Q',
text=alt.condition(nearest, 'label:N', alt.value(' '))
).transform_calculate(label='"Date: " + format(datum.date, "") '
                     ).properties(selection=nearest,width=800,
height=300)

point=base.mark_point().encode(y='temp_max:Q',opacity=alt.condition(nearest, alt.value(1), alt.value(0)))



view = base.mark_line().add_selection(
interval).properties(width=800, height=20)


(point+text+chart) &view

Answer 1

您似乎正在尝试使用图层创建工具提示，这就是您遇到的许多问题的原因。您是否考虑过使用工具提示编码？

import altair as alt
from vega_datasets import data

nearest = alt.selection_single(nearest=True, on='mouseover',
                    encodings=['x','y'], empty='none')
interval = alt.selection_interval(encodings=['x'])
weather = data.seattle_weather()

line = alt.Chart(weather).mark_line().encode(
    x=alt.X('date:T', scale=alt.Scale(domain=interval)),
    y='temp_max:Q'
).properties(
    width=800,
    height=200
)
point = line.mark_point().encode(
    tooltip='yearmonth(date):N',
    opacity=alt.condition(nearest, alt.value(1), alt.value(0))
).add_selection(nearest)

view = alt.Chart(weather).mark_line().encode(
    x='date:T',
).properties(
    width=800,
    height=20
).add_selection(interval)

(point + line) & view

Altair mark_text 标签，其中链接了 x 轴中的域

Altair mark_text labels where domain in x-axis is linked

python

charts

altair

vega-lite