Altair 选择错误：“Javascript 错误：信号名称重复：“selector074_index””

如何解决Altair 选择错误：“Javascript 错误：信号名称重复：“selector074_index””

我一直在尝试使用 this code 复制通过选择以下图表显示的文本：

但我收到以下错误： Javascript Error: Duplicate signal name: "selector074_index" This usually means there's a typo in your chart specification. See the javascript console for the full traceback.

我一整天都在努力找出我做错了什么，但没有任何运气。这是我的代码示例：

confirmed_area = alt.Chart(df.reset_index()).mark_area(fillOpacity=0).encode(
    alt.X('index:T',title=" "),alt.Y('confirmed:Q',tooltip=[alt.Tooltip('index:T',title="Fecha"),alt.Tooltip('confirmed:Q',title="Casos acumulados"),alt.Tooltip('confirmed_daily:Q',title="Nuevos Casos")]
).properties(
    height = 200,width = 800
).interactive(

)


confirmed_line = alt.Chart(df.reset_index()).mark_line(size=3).encode(
    alt.X('index:T',title=" ")
).properties(
    height = 200,width = 800,).interactive(

)

nearest = alt.selection_single(
    nearest=True,on="mouSEOver",fields=["index:T"],empty="none"
)


point = (
    alt.Chart(df.reset_index())
    .mark_point(color="black")
    .encode(x="index:T",y="confirmed:Q",opacity=alt.condition(nearest,alt.value(1),alt.value(0)))
    .add_selection(nearest)
)

text =confirmed_line.mark_text(align="left",dx=5,dy=-5).encode(
    text=alt.condition(nearest,"confirmed:Q",alt.value(" "))
)

confirmed_line + confirmed_area + point + text

解决方法

TL;DR – 从 .interactive() 的定义中删除 confirmed_line。

问题在于您在图表上调用了 .interactive()，然后将其与自身分层。此错误的最小再现如下所示：

import altair as alt
chart = alt.Chart('data.txt').mark_point().interactive()
chart + chart
# Javascript Error: Duplicate signal name: "selector001_tuple"
# This usually means there's a typo in your chart specification. See the javascript console for the full traceback.

要解决此问题，您应该只在其中一层调用 .interactive()：

import altair as alt
chart = alt.Chart('data.txt').mark_point()
chart + chart.interactive()

在您的代码中，您在定义 .interactive() 时调用 confirmed_line，然后从中派生 confirmed_text，这样当它分层时，在一层中有两个相同的交互，即不允许。如果您从 confirmed_line 中删除此调用，您的图表应该可以正常工作：.interactive() 层上的 confirmed_area 调用已经指定轴应该是交互式的。