处理 Altair 等值线图中的缺失值/空值

Dealing with missing values / nulls in Altair choropleth map

我在 Altair 中使用美国州级数据创建了等值线图。但是,我没有某些州的数据。默认情况下,这些州根本不会出现在地图上。这是一个示例图片:

我希望空状态在地图上显示为灰色。 Altair 文档显示了另一个符合此描述的地图:

我的问题是如何使第一张地图中为空的州看起来像第二张地图中的州。我尝试了一些东西。这是我的原始地图代码:

states = alt.topo_feature(data.us_10m.url, 'states')
source = df

alt.Chart(states).mark_geoshape().encode(
    color=alt.Color('avg_prem:Q')
).transform_lookup(
    lookup='id',
    from_=alt.LookupData(source, 'id', ['avg'])
).project(
    type='albersUsa'
).properties(
    width=700,
    height=450
) 

这是第二张地图的代码:

# US states background
alt.Chart(states).mark_geoshape(
    fill='lightgray',
    stroke='white'
).properties(
    title='US State Capitols',
    width=700,
    height=400
).project('albersUsa')

我尝试的主要事情是在第一张地图上应用第二张地图的填充和描边参数:

alt.Chart(states).mark_geoshape(fill='lightgray',
    stroke='white').encode(
    color=alt.Color('avg_prem:Q')
).transform_lookup(
    lookup='id',
    from_=alt.LookupData(source, 'id', ['avg'])
).project(
    type='albersUsa'
).properties(
    width=700,
    height=450
) 

我可以通过这种方式更改具有值的状态的轮廓颜色,但无法填充具有空值的状态。

有什么好的方法可以解决地图上丢失数据的问题吗?

一种方法是使用带有所需背景的分层图表。你没有提供你的数据,所以我不能实际尝试,但它可能看起来像这样:

states = alt.topo_feature(data.us_10m.url, 'states')
source = df

foreground = alt.Chart(states).mark_geoshape().encode(
    color=alt.Color('avg_prem:Q')
).transform_lookup(
    lookup='id',
    from_=alt.LookupData(source, 'id', ['avg'])
).project(
    type='albersUsa'
).properties(
    width=700,
    height=400
)  

background = alt.Chart(states).mark_geoshape(
    fill='lightgray',
    stroke='white'
).properties(
    title='US State Capitols',
    width=700,
    height=400
).project('albersUsa')

background + foreground

编辑:另一种可能的方法是使用条件编码,类似于 https://vega.github.io/vega-lite/examples/point_invalid_color.html:

alt.Chart(states).mark_geoshape().encode(
    color=alt.condition('datum.avg_prem !== null', 'avg_prem:Q', alt.value('lightgray'))
).transform_lookup(
    lookup='id',
    from_=alt.LookupData(source, 'id', ['avg'])
).project(
    type='albersUsa'
).properties(
    width=700,
    height=400
)