如何在 Python Altair Chart.save(file.html) 生成的 n Altair Chart 的 html 文件上显示默认工具提示？答案

【问题标题】：How to display the default tooltip on the html file of a n Altair Chart generated by Python Altair Chart.save(file.html)?如何在 Python Altair Chart.save(file.html) 生成的 n Altair Chart 的 html 文件上显示默认工具提示？
【发布时间】：2019-02-23 02:51:11
【问题描述】：

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

当我在 Jupyter 中运行此代码时，我可以在 Jupyter 输出中看到工具提示。但是当我在浏览器中打开 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));

【问题讨论】：

您能否展示您运行的 Python 代码的完整示例，描述您希望看到的内容，以及它与您实际看到的内容有何不同？
对不起，如果我的问题不清楚。我从教程中举了一个例子（见下面的代码）并将图表保存为 HTML。在 Jupyter 笔记本中，工具提示出现但不在我保存的 HTML 文件中。有什么方法可以让默认工具提示也出现在 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')
图表
抱歉，我不确定如何使用正确的降价将代码粘贴到此处。新手在这里。
您不能在 cmets 中粘贴格式化的代码块。我建议更新问题。

标签： javascript python altair

【解决方案1】：

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

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

【讨论】：