Python中Altair绘制的图表无法缩放平移实现交互功能该如何解决

问题根源 #

• 核心原因：你在encode中为x、x2通道指定了名义类型（:N后缀），名义类型属于离散分类数据，Altair的interactive()默认仅支持定量、时间序列类型的轴触发缩放、平移交互。
• 附加问题：DataFrame中存储的start、end字段为字符串格式，未转换为时间类型，也会影响时间轴交互逻辑的正常识别。

修复后的可运行代码 #

import altair as alt
import pandas as pd

source = pd.DataFrame([
    {"task": "A", "start": '2021-12-03 11:00:00', "end": '2021-12-03 12:00:00'},
    {"task": "B", "start": '2021-12-03 13:45:00', "end": '2021-12-03 15:30:00'},
    {"task": "C", "start": '2021-12-03 19:20:00', "end": '2021-12-03 20:45:00'}
])
# 新增：将时间字符串转换为pandas datetime类型
source['start'] = pd.to_datetime(source['start'])
source['end'] = pd.to_datetime(source['end'])

alt.Chart(source).mark_bar().encode(
    # 改动：将字段类型从名义类型:N改为时间类型:T
    x='start:T',
    x2='end:T',
    y='task'
).interactive()

验证效果 #

运行上述代码后，即可正常触发以下交互：

• 按住鼠标左键拖动实现图表平移
• 滚动鼠标滚轮实现轴缩放
• 双击图表重置视图范围

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