Altair中如何让Y轴比例尺响应区间选择器的选区交互

直接将选区绑定到单轴比例尺导致刻度错乱的核心原因有两点：

• selection_interval的返回值为按编码维度拆分的嵌套结构，格式为：

  {
    "x": [x轴选区起始值, x轴选区结束值],
    "y": [y轴选区起始值, y轴选区结束值]
  }
  

• 单轴比例尺的domain参数要求传入纯数值范围数组，如果你直接把完整的brush嵌套对象作为domain传入，相当于让X、Y轴同时绑定了包含双维度范围的整体值，自然会出现刻度识别错误、显示全为年份值的异常。

无需额外自定义转换逻辑，利用Vega-Lite原生支持的选区维度访问语法，在给比例尺绑定域时，单独提取brush对应维度的选区值，分别匹配给对应的X、Y轴即可：

• 给X轴绑定时，读取brush中x维度的范围数组作为域值
• 给Y轴绑定时，读取brush中y维度的范围数组作为域值

调整后的可运行完整代码如下：

import altair as alt

brush = alt.selection_interval(
    init={'x':[1950, 1970], 'y':[1500000, 2500000]}, 
    encodings=['x', 'y']
)

base = alt.Chart().mark_line().encode(
    x=alt.X('Year:Q', title=None),
    y=alt.Y('Deaths:Q', title='死亡数'),
    color='Entity:N'
)

# 顶部带选区交互的缩略图
top_chart = base.add_selection(brush).properties(
    height=150, 
    width=500
)

# 底部联动的放大视图
bottom_chart = base.encode(
    # 读取brush的x维度范围绑定X轴域
    alt.X('Year:Q', scale=alt.Scale(domain=brush['x'])),
    # 读取brush的y维度范围绑定Y轴域
    alt.Y('Deaths:Q', scale=alt.Scale(domain=brush['y']))
).properties(
    height=500, 
    width=500
)

alt.vconcat(
    top_chart,
    bottom_chart,
    data='https://vega.github.io/vega-datasets/data/disasters.csv'
)

调整完成后，拖动顶部图表的选区框时，底部放大图会同步匹配选区的双轴范围：

• 横向拖动/调整选区宽度时，底部X轴自动同步对应的年份显示范围
• 纵向拖动/调整选区高度时，底部Y轴自动同步对应的死亡数显示范围
• 全程不会出现之前的刻度值错乱问题

兼容说明：如果使用的Altair版本在维度取值时存在语法兼容问题，可以改用显式参数映射的方式实现同等效果，核心逻辑始终是分离双维度的选区值，分别绑定对应轴的比例尺，避免直接将完整选区对象传入单轴域配置。

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