在Jupyterlab中居中输出Altair (包括将其导出为HTML时)

import altair as alt
from IPython.display import display, HTML

# 创建Altair图表
chart = alt.Chart().mark_point().encode(
    x='x:Q',
    y='y:Q'
).properties(
    width=400,
    height=300
)

# 将图表导出为HTML
html = chart.to_html()

# 使用HTML和CSS将图表居中显示
centered_html = f"""
<style>
    .center {{
        display: flex;
        justify-content: center;
    }}
</style>
<div class="center">
    {html}
</div>
"""

# 在JupyterLab中显示居中的Altair图表
display(HTML(centered_html))