Altair时间序列图条件颜色切换失效问题求助

我有一组肥胖相关住院收治的长格式数据，数据样例如下：

Region          Major region    Year    variable            quantity
0   County Durham   North East      2014    Total admissions    2240.0
1   Darlington      North East      2014    Total admissions    283.0
2   Gateshead       North East      2014    Total admissions    1229.0
3   Hartlepool      North East      2014    Total admissions    484.0
4   Middlesbrough   North East      2014    Total admissions    422.0

我用Altair制作了一个带两个下拉框的时间序列图，代码如下：

import altair as alt
import pandas as pd

# 创建大区下拉框
major_region_dropdown = alt.binding_select(options=melted_df['Major region'].unique().tolist(), name="Major region: ")
major_region_selection = alt.selection_point(fields=['Major region'], bind=major_region_dropdown)

# 创建分类下拉框
variable_dropdown = alt.binding_select(options=melted_df['variable'].unique().tolist(), name="Category: ")
variable_selection = alt.selection_point(fields=['variable'], bind=variable_dropdown)

color_encoding = alt.condition(
    major_region_selection | variable_selection,
    alt.value('red'),
    alt.value('lightgray')
)

# 排序数据
sorted_data = melted_df.sort_values(by='Year')

# 主图表
main_chart = alt.Chart(sorted_data).mark_line(point=True).encode(
    x='Year:O',
    y='mean(quantity):Q',
    color=color_encoding,
    tooltip=["Major region", "Region", "mean(quantity):Q"]
).add_selection(
    major_region_selection
).transform_filter(
    major_region_selection
).add_selection(
    variable_selection
).transform_filter(
    variable_selection
).properties(
    width=450, 
    height=600,
    title="Region"
)

main_chart

预期效果为：绘制各Region的年度收治趋势，选中下拉框对应项时，目标线条从浅灰切换为红色，但实际未实现该颜色切换效果。

核心问题 #

1. 两次transform_filter直接过滤掉了未选中的数据，图表中仅保留符合筛选条件的内容，不存在“未选中的浅灰色线条”，自然无法看到颜色切换。
2. 编码中未按Region分组，Altair无法自动生成每个Region的独立线条。

修正后的代码 #

import altair as alt
import pandas as pd

# 定义选择器，empty='all'保证初始显示所有数据
major_region_dropdown = alt.binding_select(options=melted_df['Major region'].unique().tolist(), name="Major region: ")
major_region_selection = alt.selection_point(fields=['Major region'], bind=major_region_dropdown, empty='all')

variable_dropdown = alt.binding_select(options=melted_df['variable'].unique().tolist(), name="Category: ")
variable_selection = alt.selection_point(fields=['variable'], bind=variable_dropdown, empty='all')

# 颜色条件：同时匹配大区和分类的线条变红，其余为浅灰
color_encoding = alt.condition(
    major_region_selection & variable_selection,
    alt.value('red'),
    alt.value('lightgray')
)

# 排序数据
sorted_data = melted_df.sort_values(by='Year')

# 主图表：添加detail按Region分组生成独立线条，移除过滤逻辑
main_chart = alt.Chart(sorted_data).mark_line(point=True).encode(
    x='Year:O',
    y='mean(quantity):Q',
    color=color_encoding,
    detail='Region:N',  # 关键：按Region分组绘制单独线条
    tooltip=["Major region", "Region", "variable", "mean(quantity):Q"]
).add_selection(
    major_region_selection,
    variable_selection
).properties(
    width=450, 
    height=600,
    title="各地区肥胖相关住院收治趋势"
)

main_chart

关键说明 #

• empty='all'：初始状态下显示所有数据（浅灰色），选中选项后仅匹配项变红。
• detail='Region:N'：强制Altair按Region分组，每个Region生成一条独立趋势线，这是实现多区域对比的核心。
• 移除transform_filter：保留所有数据，通过颜色条件区分选中/未选中项，符合预期的视觉切换效果。

内容的提问来源于stack exchange，提问作者elksie5000