如何让Altair图表在鼠标释放后触发X轴缩放？

你可以通过调整selection_interval的事件触发参数，实现仅在鼠标释放后更新X轴定义域的效果，以下是两种可行方案：

方案1：仅在鼠标释放时创建选择区间 #

直接修改选择器的触发事件为mouseup，拖动过程中不会触发X轴更新，仅释放鼠标时才完成缩放：

import numpy as np
import altair as alt
import polars as pl

n = 1000
x = np.linspace(0, 10, 1000)
y = np.sin(x) + np.sin(10 * x) * 0.2
df = pl.DataFrame({"x": x, "y": y})

# 设置选择器仅在鼠标释放时触发，双击清除选择
brush = alt.selection_interval(encodings=["x"], on='mouseup', clear='dblclick')

(
    alt.Chart(df)
    .mark_point()
    .encode(
        x=alt.X("x:Q").scale(domain=brush.ref()),
        y="y:Q",
        color=alt.condition(brush, alt.value("red"), alt.value("lightgray")),
    )
    .add_params(brush)
    .properties(width=1200, height=600)
)

• on='mouseup'：指定选择区间仅在鼠标释放时完成创建，拖动过程中不会触发选择更新，因此X轴不会实时变化
• clear='dblclick'：设置双击鼠标清除选择区间，恢复原始视图，避免误触清除操作

方案2：保留拖动视觉反馈+释放后缩放 #

如果需要拖动时看到选择框的实时视觉反馈，可使用两个选择器：一个负责实时显示选中区域，另一个负责存储最终选择并触发缩放：

import numpy as np
import altair as alt
import polars as pl

n = 1000
x = np.linspace(0, 10, 1000)
y = np.sin(x) + np.sin(10 * x) * 0.2
df = pl.DataFrame({"x": x, "y": y})

# 仅用于实时显示拖动选择框的视觉反馈
brush_visual = alt.selection_interval(encodings=["x"], on='mousedown mousemove', clear=False)
# 用于存储最终选择区间，触发X轴缩放
brush_final = alt.selection_interval(encodings=["x"], on='mouseup', clear='dblclick')

(
    alt.Chart(df)
    .mark_point()
    .encode(
        x=alt.X("x:Q").scale(domain=brush_final.ref()),
        y="y:Q",
        # 拖动时用brush_visual高亮选中点，提供实时反馈
        color=alt.condition(brush_visual, alt.value("red"), alt.value("lightgray")),
    )
    .add_params(brush_visual, brush_final)
    .properties(width=1200, height=600)
)

这种方式兼顾了操作的直观性和缩放的延迟触发，拖动时能看到选中区域的高亮效果，释放鼠标后才正式更新X轴定义域。

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