如何让Altair Layer Chart统一X/Y轴及刻度？

要实现多个子图表共享统一坐标轴，核心是统一刻度域+隐藏多余轴，具体操作如下：

1. 确保刻度域完全共享 #

保留resolve_scale='shared'（或显式指定x='shared'、y='shared'），让所有子图表的X/Y轴使用相同的定义域和刻度范围，避免出现轴偏移、范围不一致的问题。

2. 隐藏子图表的重复坐标轴 #

只保留其中一个子图表的坐标轴，其余子图表通过axis=None参数隐藏X/Y轴，合并后只会显示一套完整坐标轴。

示例代码（以Altair为例） #

import altair as alt
import pandas as pd
import numpy as np

# 模拟3个列名相同的DataFrame
df1 = pd.DataFrame({'x': np.arange(10), 'y': np.random.randn(10)})
df2 = pd.DataFrame({'x': np.arange(10), 'y': np.random.randn(10) + 2})
df3 = pd.DataFrame({'x': np.arange(10), 'y': np.random.randn(10) - 2})

# 第一个图表：保留坐标轴，可自定义轴位置、样式
base_chart = alt.Chart(df1).mark_line(color='red').encode(
    x=alt.X('x', axis=alt.Axis(position='bottom', title='X轴标题')),
    y=alt.Y('y', axis=alt.Axis(position='left', title='Y轴标题'))
)

# 后续子图表：隐藏所有坐标轴
chart2 = alt.Chart(df2).mark_line(color='blue').encode(
    x=alt.X('x', axis=None),
    y=alt.Y('y', axis=None)
)

chart3 = alt.Chart(df3).mark_line(color='green').encode(
    x=alt.X('x', axis=None),
    y=alt.Y('y', axis=None)
)

# 合并图层并共享刻度域
final_chart = alt.layer(base_chart, chart2, chart3).resolve_scale(
    x='shared',
    y='shared'
)

final_chart.show()

额外说明 #

• 若之前用resolve_axis()出现独立轴问题，是因为默认参数为'independent'，显式设置resolve_axis(x='shared', y='shared')也能实现轴共享，但结合隐藏多余轴的方式更稳妥，可避免轴配置冲突。
• 所有轴的样式（标题、刻度、位置）只需在保留轴的子图表中设置，无需在每个子图表重复配置。

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