如何在 Python Altair Chart.save(file.html) 生成的 n Altair 图表的 htm

Question

将 Python Altair 生成的图表保存为 HTML 格式后，默认工具提示似乎在 HTML 版本中不可用。

当我在Jupyter中运行此代码时，我可以在Jupyter Output中看到工具提示。但是当我在浏览器中打开 bar.html 文件时，当我将鼠标悬停在图表上时没有显示工具提示。

import altair as alt
from vega_datasets import data
barley = data.barley()
chart = alt.Chart(barley).mark_bar().encode(
x='variety:N',
y='sum(yield):Q',
color='site:N',
order=alt.Order("site", sort="ascending")
)
chart.save('bar.html')
chart

我阅读了工具提示上的Vega Lite文档。我为工具提示添加了脚本标签，但仍然无法使其工作。我做错了什么？有没有更简单的方法来添加默认工具提示？提前谢谢。

<script src="https://cdn.jsdelivr.net/npm/vega-tooltip"></script>
....
var embed_opt = {"mode": "vega-lite", tooltip: {theme: 'dark'}};
vegaEmbed("#vis", spec, embed_opt)
.catch(error => showError(el, error));

Answer 1

默认工具提示仅受 Vega-Lite 版本 3 支持。Altair 目前支持 Vega-Lite 2.6 版本。

您在JupyterLab中看到默认工具提示的原因是jupyterlab vega扩展错误地在其最新版本中包含Vega-Lite 3。这个错误在这里得到纠正：https://github.com/jupyterlab/jupyterlab/pull/5342