Altair分面布局中空子图添加网格线的实现方法

当使用row和column分面绘制图表时，无匹配数据的空面板默认不会显示网格线——这是因为Altair会根据每个面板的现有数据自动计算轴范围，空面板没有数据就不会渲染轴和网格。要解决这个问题，只需通过固定轴定义域并设置共享轴配置，强制所有面板使用统一的轴规则即可。

修改后的代码 #

import pandas as pd
import altair as alt

df = pd.DataFrame(
    {
        "id": [1, 2, 3, 4, 5],
        "sex": ["M", "F", "M", "F", "M"],
        "group": ["A", "A", "B", "B", "C"],
        "mark": ["pass", "pass", "fail", "pass", "fail"]
    }
)

# 获取所有可能的类别值，确保轴覆盖全部分面场景
all_marks = df['mark'].unique()
all_groups = df['group'].unique()
all_sexes = df['sex'].unique()

# 计算count的最大值，固定X轴范围
max_count = df.groupby(['sex', 'group', 'mark']).size().max()

alt.Chart(df).mark_bar().encode(
    x=alt.X(
        "count(id)",
        scale=alt.Scale(domain=[0, max_count]),  # 固定X轴数值范围
        axis=alt.Axis(grid=True)  # 强制显示网格线
    ),
    y=alt.Y(
        "mark",
        scale=alt.Scale(domain=all_marks)  # 固定Y轴的类别范围
    ),
    row=alt.Row(
        "sex",
        scale=alt.Scale(domain=all_sexes)  # 固定行的分面类别
    ),
    column=alt.Column(
        "group",
        scale=alt.Scale(domain=all_groups)  # 固定列的分面类别
    )
).resolve_scale(
    x='shared',  # 所有面板共享X轴配置
    y='shared'   # 所有面板共享Y轴配置
)

关键修改说明 #

1. 固定轴定义域：提前获取所有分面和轴的类别值，通过scale=alt.Scale(domain=...)强制轴覆盖所有可能的场景，避免空面板因无数据丢失轴渲染。
2. 强制网格线显示：在X轴配置中明确设置grid=True，确保只要轴存在就显示网格线。
3. 共享轴配置：通过resolve_scale让所有分面面板使用统一的轴规则，保证空面板和有数据面板的显示逻辑一致。

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