大家好，我用Altair有段时间了，这还是第一次遇到这种问题。我写了一段很简单的代码，运行后Matplotlib的图表能正常显示，但Altair的条形图却是空白的，实在搞不懂哪里出问题了。先把我的代码贴出来：

import pandas as pd
import altair as alt

# 提取数据为嵌套结构
data = {
        "Name of District": ["Kollam", "Beed", "Kalahandi", "West Medinipur", "Birbhum", "Howrah"],
        "No. of Cases": [19, 11, 42, 145, 199, 85],
    }

# 从数据创建DataFrame
df = pd.DataFrame(data)

# 显示前5行数据
print(df.head().to_markdown(index=False, numalign="left", stralign="left"))

# 创建条形图：X轴为地区名称，Y轴为病例数
chart = alt.Chart(df).mark_bar().encode(
    x='Name of District',
    y='No. of Cases',
    tooltip=['Name of District', 'No. of Cases']
).properties(
    title='各地区病例数条形图'
).interactive()

# 保存图表
chart.save('number_of_cases_by_district.html')

我已经确认DataFrame里的数据是完全正常的，打印出来的前5行内容没问题，但生成的Altair条形图就是显示空白。有没有大佬能帮忙分析下可能的原因，或者告诉我哪里需要调整呀？

备注：内容来源于stack exchange，提问作者user14398375